Jquery - customize ui.ja
Jquery - customize ui.ja
我正在使用jquery的"ui.js"和"ui.css"。
当我有这个片段时:
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags">
</div>
一切正常,但是当用户选择一个项目时,我想触发一个事件:
$(document).ready(function () {
$('input#tags').on('change', function() {
alert("event")
});
});
它不起作用,有人知道如何在用户选择项目时触发事件吗?
问候!
您的代码按原样工作正常:
JSFiddle: http://jsfiddle.net/TrueBlueAussie/Vnhd8/
几个注意事项...
- 由于您使用的是
change
而不是keyup
因此您需要离开字段才能触发事件。 - 现代/首选的加载语法很简单
$(function{...});
由于 id 在 - 页面上应该是唯一的,并且是最快的查找方法,因此在 id 之前添加
input
选择器实际上可能会减慢搜索速度。
更整洁的版本
$(function () {
$('#tags').on('change', function() {
alert("event")
});
});
如果要允许动态创建的元素,请使用应用于不会更改的元素(并且是目标的祖先)的延迟语法on
:
延迟的"开启"版本:
$(function () {
$(document).on('change', '#tags', function() {
alert("event")
});
});
如果您想要改为按键事件:
JSFiddle: http://jsfiddle.net/TrueBlueAussie/Vnhd8/4/
$(function () {
$(document).on('keyup', '#tags', function() {
alert('event');
});
});
只有上面的最后一个JSFiddle使用jQueryUI(只是为了确保它与事件没有什么不同)。
相关文章:
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- jQuery UI自动完成突然停止工作
- 如何使用skip参数使用angular ui引导进行服务器端分页
- AngularJS UI路由器不能像ng路由器那样工作
- 我可以更改剑道UI网格吗's的外键值
- 剑道UI内联编辑:如何在点击其他按钮时隐藏按钮
- Rails/JSON:如何将JSON用于jquery UI自动完成表单
- 停止jQuery UI滑块移动超过给定值
- 混合 ui-sref 和 $state.go 在 Angular ui-router 中进行状态转换
- Jquery UI自动完成无法工作
- 语义ui如何使用javascript启用或禁用下拉列表
- jquery ui滑块上的滑块值
- jQuery UI可排序-多连接列表拖动
- 如何在Angular UI网格中选择下一行
- 对具有ui typeahead的对象中的值执行orderBy
- AngularJS ui路由器html5模式中断路由
- EJS中的Angularjs-Ui路由器参数
- 使用导航属性创建Kendo UI网格模型的问题
- ui网格将单元格显示为选择标记
- Jquery - customize ui.ja