jquery .click()event.preventDefault()不起作用

Question

我正在构建一个可通过将脚本拖放到预设目录中而扩展的Web应用程序.脚本需要在转到页面之前读取文件头,因此我需要在单击链接时使用.preventDefault()并首先运行一些JScript.不幸的是我无法通过.preventDefault()

这是我的链接格式:

<a href="path/to/file.php" class="filelink">Some Text</a>

这是我试图用来停止默认操作的jquery:

    $( '.filelink' ).click( function( e ) {
        e.preventDefault();
        //do some other stuff here
    });

编辑:

更多信息:

这<script>...</script>是我的页脚.此函数在INSIDE $(document).readyAFTER之后$.ajax构建此函数试图侦听点击的链接列表.

Answer 1

由于您的链接会动态附加到页面,因此您需要使用document.on()捕获点击事件.

将事件侦听器附加到动态内容的语法如下

$(document).on( event, selector, callback );

所以你的点击处理程序将成为:

$(document).on('click','.filelink',function(e){

 e.preventDefault();

 //code here

 return false;

});

`return false`实际上并不是必需的.preventDefault()应该足够了. (3认同)
@RichardN:我建议阅读[文档](http://api.jquery.com/on/):*"事件处理程序仅绑定到当前选定的元素;它们必须存在于您的代码页面上调用`.on()`.* (3认同)
因为在创建clickhandler时元素不存在,即在dom加载时.jQuery不会在选择器列表中监听新元素,它会非常无效并且会在具有动态内容的页面上崩溃. (2认同)
@ r3wt:你是对的.`return false;`相当于调用`event.preventDefault(); event.stopPropagation();`. (2认同)
@amenthes 添加到 r3wt 的评论中，实际上 return false 会阻止 #hashtag 超链接显示在地址栏上，这有时是完全不需要的。可能对于这种情况，这是不必要的，但只需在这里添加两美分:) (2认同)

Answer 2

我认为您错过了$（document）.ready（）

请按以下方式更新您的代码：

$(document).ready(function(){
     $( '.filelink' ).click( function( e ) {
        e.preventDefault();
        //do some other stuff here
    });

})