使用jquery在Div内部点击时加载nivo滑块？

Question

我正在尝试使用jQuery在div中加载nivo滑块：

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

但这不起作用，如果我使用这个脚本，它可以正常工作：

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

知道为何在onclick上应用时不加载？

编辑：这是jsfiddle，但onclick对我来说根本不起作用：jsfiddle.net/ZNUY6

Answer 1

您需要加载如下数据：

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

谢谢希望这会对你有所帮助。

Answer 2

“更多jQuery”方法是为您的a元素提供一个类并定位滑块网址：

<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滑块重新加载。