jquery - 使用 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

score 2 · Accepted Answer

您需要像这样加载数据：

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

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

score 2 · Accepted Answer

“更多 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，它仍然可以以某种方式工作，如果内容需要被搜索引擎等索引，这可能很重要。

score 0 · Accepted Answer

我使用了不同的滑块，现在它可以工作了，所以我想存在一些兼容性问题或代码问题，在使用此方法时不会让 nivo 滑块重新加载。

3 回答 3