Javascript/JQuery 类选择器问题

Question

我遇到了单行 javascript/jquery 的问题。我正在尝试选择具有给定类的所有对象，然后使用存储在第一个对象类中的 ID 在另一个对象上创建触发器。

JS/JQ:
$('.navs').click(function(){$("#"+$(this).attr('tab')+"").trigger('click');})

HTML:
<code><img alt="" class="thumbnail" src="gamedev_thumb.png" class="navs" tab="gamedev"/></code>

我不确定这是否重要，但这段代码位于加载到主页上的 div 中的页面片段中。我在顶部有选项卡来控制导航，为简单起见，我希望图像触发对顶部相应选项卡的点击。

Answer 1

您有两次 class 属性。您绝对可以将多个类名放在同一个类属性中:

<img alt="" class="thumbnail navs" src="gamedev_thumb.png" tab="gamedev"/>

如果片段在页面加载后使用 ajax 加载，不幸的是，您的选择器 $('.navs') 已经运行并且您的图像不会成为其中的一部分，您必须在片段加载并附加到文档后执行您的 javascript。

我不知道你是如何加载片段的，但一种方法是使用 .load() 方法的回调，如果你使用它的话:

$('#mydiv').load(url, function() {
    $('.navs').click(function(){
        $("#"+ $(this).attr('tab') + "").trigger('click');
    })
});

请注意，如果您使用加载方法加载片段(例如“mypage.html #mydiv”)，所有 javascript block 都将被删除。

jQuery .load()