在jquery插件中添加事件
在jquery插件中添加事件
提问于 2015-03-23 05:09:52
当特定的标签单击时，我想触发简单的警告。这是我的html代码
<html>
<head>
<script src="js/modal-load.js"></script>
<script>
$('.modal-link').modalLoad();
</script>
</head>
....
<body>
<div class="hblock-1 text-4 text__uppercase color-7">
<a class="login btn btn-primary modal-link" href="/login-modal.php" data-toggle="modal" data-target="#login-modal">Log in</a>
<a href="index.html#" class="register btn btn-primary modal-link">Register</a>
</div>
</body>下面是我的jquery插件
(function($){
$.fn.modalLoad = function(){
var $t = $(this);
$t.on('click',function(){
alert($(this).attr('href'));
});
};
})(jQuery);那里没有错误，但是为什么没有触发警报？还有，还有更简单的jquery插件结构吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-03-23 05:13:17
在head部分中有您的脚本，在执行它时，目标元素.modal-link尚未出现在dom中，因此不会为这些元素初始化插件。因此，将您的脚本移动到dom就绪处理程序。
还需要包括jQuery库()--假设您已经有了它，正如您所说的没有错误。
<!-- include jQuery library-->
<script src="js/jquery.js"></script>
<script src="js/modal-load.js"></script>
<script>
//dom ready handler
jQuery(function($){
$('.modal-link').modalLoad();
})
</script>Stack Overflow用户
发布于 2015-03-23 05:14:45
不需要插件。试试这个：
$(function() {
$('#something').on("click", function() {
var foo = $(this).attr('href');
alert(foo);
})
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29203642
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号