Использование jquery для загрузки слайдера nivo при нажатии внутри Div?

Question

Я пытаюсь загрузить Nivo слайдер внутри DIV с помощью JQuery:

<a onclick='$("#content").load("slider/slider.html");'>Slider</a> 

Но это не работает, если я использую этот сценарий, хотя, это работает отлично:

<script> 
$(document).ready(function() { 
$("#content").load("slider/slider.html"); 
}); 
</script> 

Любая идея, почему он не загружается при применении onclick?

EDIT: Вот jsfiddle но там OnClick не работает вообще для меня: jsfiddle.net/ZNUY6

Answer 1

Вам необходимо загрузить данные, как это:

<a onclick='javascript:$("#content").load("slider/slider.html");'>Slider</a> 

Спасибо надеюсь, что это поможет.

Answer 2

Путь «более Jquery», чтобы дать вашему a элементу класс и целевой ползунок URL:

<a class="ajax" href="slider/slider.html">Slider</a> 

Затем в document.ready вы установили обработчик событий, который загружает содержимое:

$(document).ready(function() { 
    $('.ajax').click(function() { 
     $('#content').load($(this).attr('href')); 
     return false; 
    }); 
}); 

return false останавливает связь от выполнения поведения по умолчанию (т.е. по ссылке).

Этот же класс может быть применен ко многим ссылкам, и с помощью кода выше они будут загружать свой контент (за свой атрибут href) в элемент #content при нажатии.

Преимущество этого в том, что вы даете ссылку правильный URL HREF, который будет по-прежнему работать в некотором роде даже без JavaScript, что может быть важно, если содержание должно быть проиндексированы поисковыми системами и т.д.

Answer 3

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