Javascript/JQuery类选择器问题

Javascript/JQuery class selector issue

本文关键字：选择器 问题 JQuery Javascript      更新时间：2023-09-26

我有一行javascript/jquery出现问题。我试图选择具有给定类的所有对象，然后使用存储在第一个对象类中的id在另一个对象上创建触发器。

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

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

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

您有两次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');
    })
});

请注意，如果使用load方法（例如"mypage.html#mydiv"）加载片段，则所有javascript块都将被删除。

jQuery.load（）

相关文章：