简单的jquery小部件
simple jquery widget
jQuery.widget("ui.test", {
_init: function(){
alert(this.element.innerHTML);
}
});
当我将其附加到 HTML 元素
时,我该如何做到这一点它会提醒内部 HTML(我知道它什么都不做,只是为了了解基础知识)。
<div id="baba">ja jaj</div>
<script>
$('#baba').test();//will alert "ja jaj"
</script>
我在这里错过了什么?
我错过了什么:
我的代码实际上非常好,除了,我假设this.element
是一个HTML元素,而实际上它是一个jQuery对象。因此,innerHTML
什么也没做,而html()
在下面的答案中起作用了。
你缺少 jQuery UI 库。只需附上它,您就可以开始了 - http://jsfiddle.net/jUm5H/
(function($) {
$.widget("ui.test", {
_init: function() {
alert( this.element.html() );
}
});
}(jQuery));
$('#baba').test();
更新
"为了确保你的插件不会与其他可能使用美元符号的库发生冲突,最佳做法是将jQuery传递给IIFE(立即调用的函数表达式),将其映射到美元符号,这样它就不会在其执行范围内被另一个库覆盖。
所以这基本上只是一个好的做法。你可以忽略它,它会起作用 - http://jsfiddle.net/jUm5H/1/但最好从一开始就以正确的方式进行。这可能会在未来的项目:)中节省大量的调试时间和挫败感
相关文章:
- 如何正确实现Jquery多选小部件
- 如何将JSON数据源适合Jquery自动完成小部件
- 通过jquery设置最小高度
- 开发第三方小部件-Angular vs jQuery vs普通的旧JS
- 如何从内部销毁jQuery UI小部件's原型
- jQuery循环寻呼机附加较小的图像大小
- PHP代理jQuery部分为javascript
- jquery最小和最大长度验证
- jQuery可选小部件和单列表行
- 我将如何使这个小的jQuery滑块向右滑动
- 设置输入值后将列表拆分为多个小列表 - Jquery
- 如何默认最小化 JQuery UI Portlet
- 最小化jQuery函数
- 自定义点击事件触发器,小部件jquery
- 如何最小化jQuery中的代码
- 最小化jQuery代码
- 下面是问题,用一个小的jQuery脚本(添加输入)
- 最小的jQuery模板
- 计算所有项目的总和,以小计Jquery
- 增加和减少字体大小限制最大和最小的jQuery