Я хочу загрузить разные изображения в div, по ссылкам

Question

Привет, очень новичок в jQuery и выживший в твоих замечательных уроках.

Я работаю над своим веб-сайтом портфолио, и у меня есть список проектов, который использует функцию загрузки jQuery для загрузки описаний каждого проекта в отдельный div при нажатии. Внутри каждого описания есть набор числовых ссылок, скажем, 1-5, которые я хочу отображать релевантные изображения в другом отдельном элементе div при нажатии. Моя проблема до сих пор заключается в том, что я не могу повторно использовать функцию загрузки, потому что она перезаписывает ее первоначальное использование и, похоже, не хочет, чтобы ее отображали в php-файле, который содержит все описания моих проектов.

Есть ли способ обойти это?

Answer 1

Я только догадываюсь, потому что я не видел ваш код, но когда вы динамически загружаете контент, используя ajax, любой javascript внутри нового контента не будет выполняться.

Лучший способ обойти это - использовать живую функцию jQuery для нацеливания на ссылки внутри недавно загруженного контента, который заменяет src изображения при нажатии - нет необходимости использовать load для захвата изображения. Вот пример кода:

Главная страница javascript (я не включил функцию загрузки)

$('.project').live('click',function(){
 newImg = $(this).attr('data-img');
 $('#content img.projectImg').attr('src', newImg);
})

HTML в загруженном контенте

<div id="content">

<!-- this content was dynamically loaded -->
<img class="projectImg" style="float:right"/>
<ul>
 <li class="project" data-img="project1.jpg">Project 1</li>
 <li class="project" data-img="project2.jpg">Project 2</li>
</ul>

</div>

Answer 2

Вы можете попробовать использовать чистый JavaScript для этого, нет необходимости в jquery

Например, динамическое изменение изображения или текста:

document.getElementById('Image_tag_ID').src = 'http:\\ bla-bla';
or
document.getElementById('Div_tag_ID').innerHTML = '<h1>Hello</h1>';