jQuery点击事件没有触发？

Question

我有这个PAGE，如果你向下滚动地图到 li，我有，这是我的代码

HTML

<ul class="play_navigation">
    <li class="active"><a class="barino_story_bottom" href="#">The Story</a></li>
    <li><a class="barino_video_bottom" href="#">The Video</a></li>
    <li><a class="barino_gallery_bottom" href="#">The Gallery</a></li>
    <li><a class="barino_equipment_bottom" href="#">The Equipment</a></li>                          
</ul>

我的 jQuery

<script type="text/javascript">
    $(document).ready(function(){
        $('.play_navigation a').click(function(){
            console.log("this is the click");
            return false;
        });
    });
</script>

如果我点击链接，什么都不会发生......你可以查看源代码并在那里看到它......但是如果我将它粘贴到控制台中它工作正常......什么给了

Answer 1

可能对某些人有用：检查

pointer-events: none;

在 CSS 中。它可以防止点击被 JS 捕获。 我认为这很重要，因为在这种情况下，CSS 可能是您最后考虑的地方。

Answer 2

我在这上面浪费了好几个小时。幸运的是，我找到了解决方案。如果您使用的是引导管理模板 (AdminLTE)，则可能会出现此问题。 问题是我们必须使用 adminLTE 框架插件。

示例：ifChecked 事件：

$('input').on('ifChecked', function(event){
   alert(event.type + ' callback');
});

欲了解更多信息click here。

希望对你也有帮助。

Answer 3

这个标记是异步添加到 DOM 中的吗？在这种情况下，您需要使用 live：

注意： .live 在最新版本的 jQuery 中已被弃用和删除（有充分理由）。使用方法及解决方法请参考下方事件委托策略。

<script>
    $(document).ready(function(){
        $('.play_navigation a').live('click', function(){
            console.log("this is the click");
            return false;
        });
    });
</script>

您能够重新运行脚本块并使其正常工作这一事实告诉我，由于某种原因，元素在绑定时不可用，或者绑定在某个时候被删除。如果元素在绑定时不存在，您将需要使用live（或事件委托，最好是）。否则，您需要检查您的代码是否有其他内容会删除绑定。

使用 jQuery 1.7 事件委托：

$(function () {

    $('.play_navigation').on('click', 'a', function (e) {
        console.log('this is the click');
        e.preventDefault();
    });

});

如果您想在文档准备好之前绑定事件，您也可以将事件委托给文档（请注意，这也会导致 jQuery 检查每个单击事件以确定元素是否与适当的选择器匹配） ：

$(document).on('click', '.play_navigation a', function (e) {
    console.log('this is the click');
    e.preventDefault();
});

Answer 4

您需要阻止默认事件（跟随链接），否则您的链接将加载一个新页面：

    $(document).ready(function(){
        $('.play_navigation a').click(function(e){
            e.preventDefault();
            console.log("this is the click");
        });
    });

正如 cmets 中所指出的，如果您的链接没有 href，那么它不是链接，请使用其他内容。

不工作？你的代码是一团糟！和 ready() 事件无处不在...清理它，将所有脚本放在一个就绪事件中，然后重试，它很可能会解决问题。