Динамическая загрузка контента из постов Wordpress из кликаемых изображений

Question

Я пытаюсь вставить контент из отдельных постов Wordpress в информационное окно при нажатии на изображение.Я использую модифицированный шаблон для этого раздела сайта, где изображения заполняются из массива.

Я успешно выполнил эту работу, используя метод .load() с jQuery и статическим URL.

        <script type="text/javascript">
        jQuery(document).ready(function() {
                jQuery('.dynagrid a').click(function(event){ 
                // stop normal link click
                event.preventDefault(); 
                }); 
            jQuery('.dynagrid a').click(function(){
                jQuery('div.project-info').fadeToggle(function(){
                    jQuery(".infotext").load('/cowshed/akg .infotext > *', function() {
                        jQuery('div.project-info').fadeToggle() 
                    }); 
                });
            });
        }); 

Моя проблема заключается в том, чтобы сделать загруженный URL-адрес динамическим для каждого изображения - при этом каждое изображение загружает различную информацию.Я планировал собрать информацию <alt> для каждого изображения в качестве переменной и вставить ее, например, jQuery(".infotext").load('/cowshed/+alt+ .infotext >*');, и сопоставить ее с постоянной ссылкой нужного сообщения, но все, что я пробовал, не удалось.

I 'Я часами искал решение этой проблемы, и я боюсь, что моя неопытность в jQuery делает это намного сложнее, чем это может быть на самом деле.

Вот эта страница на данный момент: Инструменты для коровника

Может кто-нибудь увидеть решение и пролить немного света?

Answer 1

 jQuery(".infotext").load('/cowshed/akg .infotext > *', function() {
                           ^^^^^^^^^^^^^^^^^^^^^^^^^^

Указанная часть должна быть URL-адресом, который предоставит содержимое, которое вы загружаете в элемент .infotext.У вас есть нечто, похожее на нечестивую путаницу селекторов URL и CSS, которая НЕ является действительным URL.Если вы хотите загружать вещи динамически, это должно быть что-то:

.load('http://example.com/fetchcontent?contentID=' + this.alt, function () ....);

URL-адрес не обязательно должен быть таким абсолютным, но это должен быть действительный URL-адрес вашего сервера.