UC知道Jquery关于$.fn.extend的问题
来源：百度知道 编辑：UC知道 时间：2024/05/30 00:11:02
比如一个简单的小插件
(function($){
$.fn.AlertSelf = function(){
this.click(function(){alert($(this).html())});
}
})(jQuery)
在页面加载完后给某些元素绑定上
<ul id="OnlyUl">
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>
$("#OnlyUl li").AlertSelf();
这样之后点击aaa,bbb,ccc后都alert的是aaa
我本来是想点aaa就弹aaa , 点bbb就弹bbb的
大家能说说我哪块弄错了么? 那个click事件我用.bind("click")也不行
(function($){
$.fn.AlertSelf = function(){
this.click(function(){alert($(this).html())});
}
})(jQuery)
在页面加载完后给某些元素绑定上
<ul id="OnlyUl">
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>
$("#OnlyUl li").AlertSelf();
这样之后点击aaa,bbb,ccc后都alert的是aaa
我本来是想点aaa就弹aaa , 点bbb就弹bbb的
大家能说说我哪块弄错了么? 那个click事件我用.bind("click")也不行
(function($){
$.fn.AlertSelf = function(){
$(this).click(function(){alert($(this).html())});
}
})(jQuery)
这样试试！
(function($){
$.fn.AlertSelf = function(){
$(this).each(clickli);
function clickli(){
$(this).click(function(){alert($(this).html())});
}
}
})(jQuery)
$("#OnlyUl li").AlertSelf();
写在
$(document).ready(function() {
});
里面就可以了。
$(document).ready(function() {
});
写在里边就行