jQuery .on不太能够检测点击？

我想我没有这样做。为什么.on函数不能在这里工作？jQuery .on不太能够检测点击？

<html> 
    <head> 
    </head> 
    <body> 
    <button type="button" class="close" data-test="test">TEST BUTTON</button> 
    <a href="javascript:void(0);" class="close" data-test="test">TEST LINK</button> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $("document").on('test', '[data-test="test"]', function() { alert("got test!!!"); }); 
    </script> 
    </body> 
</html>

来源

2014-01-31 user3179047

你的HTML是无效的，而且也没有'test'事件。 – j08691

我想你忘了如何JavaScript ...没有'测试'事件。 HTML中也没有''标签。 –

更改你的html结构，就像在我的回答中一样！ –

document是一个对象不是字符串，变化$("document")到$(document)。小提琴：http://jsfiddle.net/DUn5f/

来源

2014-01-31 02:06:41 andyf

更改为：

$(document).on('click', '[data-test="test"]', function() { 
    alert("got test!!!"); 
});

来源

2014-01-31 01:51:54

不，$（文档）和$（窗口）都没有任何影响。 – user3179047

@ user3179047现在它应该可以工作。 –

由于这是按钮没有被动态地添加的最简单的解决方案将是

$(".close").click (function() { alert("got test!!!"); });

来源

2014-01-31 01:59:19

试试这个：

jQuery(document).ready(function($){ 
    $(document).on('click', '[data-test="test"]', function() { alert("got test!!!"); }); 

});

DEMO：http://jsfiddle.net/uSQg6/

改变你的HTML结构如下：

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
     jQuery(document).ready(function($){ 
     $(document).on('click', '[data-test="test"]', function() { alert("got test!!!"); }); 

    }); 
    </script> 
    </head> 
    <body> 
    <button type="button" class="close" data-test="test">TEST BUTTON</button> 
    <a href="javascript:void(0);" class="close" data-test="test">TEST LINK</button> 

    </body> 
</html>

来源

2014-01-31 02:06:59

jQuery .on不太能够检测点击？

回答

相关问题