Я пытаюсь использовать функцию appendTo в jQuery добавить данные в какой-то HTML, который я загружаю из другого файла.
Почему это не сработает:
$('#pop-up').load('html_elements/news.html #newsItem', function() {
$(newsItems[$(event.target).attr('href')].title).appendTo($(this).find('.title'));
gameUi.showPopUp();
gameUi.setUpPopUp();
} );
и под «этим» я подразумеваю следующее:
$(newsItems[$(event.target).attr('href')].title).appendTo($(this).find('.title'));
все отдельные части работают ... newsItems [...] возвращает строку, которая является заголовком. и $ (this) .find ('. title')) возвращает элемент, на который я пытаюсь нацелиться, но когда я проверяю его, к тегу h2 ничего не добавляется.
Я ни в коем случае не профессионал javascript / jquery, поэтому любые идеи приветствуются. Спасибо!
Я думаю, что вам нужно здесь .append ()
вместо .appendTo ()
, например:
$(this).find('.title').append(newsItems[$(event.target).attr('href')].title);
Если вы добавляете контент как строку используйте .append ()
, иначе он пытается использовать ваш newsItems [x] .title
в качестве селектора и не находит никаких элементов для добавления.
Я обнаружил, что просто использование reqular append помогает ... Думаю, мне нужно прочитать некоторую документацию.
$(this).find('.title').append(newsItems[$(event.target).attr('href')].title);