异步加载导致tagsinput插件出现问题
asynchronous loading causes issue with tagsinput plugin
我使用bootstrap tagsinput
插件与angularJS
。
要激活tagsinput
机械,只需添加一些data-role
属性
<input type="text" placeholder="add a tag" data-role="tagsinput">
,它动态生成一些HTML代码。这很有效。当我把这个输入换行到
中时<ul>
<li ng-repeat="todo in todos">
<input type="text" placeholder="add a tag" data-role="tagsinput">
代码的AngularJS
部分运行良好。但是当我这样包装输入时,tagsinput
插件不再工作了。经过一些测试,我确信这个问题与从服务器获取todos
时渲染页面有关。这种异步加载肯定是问题所在,因为当页面加载时,当我用数据滚动的input
创建一些新的todo
时,后者工作得很好。那么我该如何处理这个负载。
假设您用class="myClass"
标记输入,然后执行以下操作
delete data-role="tagsinput"来获得一些简单的
<input type="text" placeholder="add a tag">
然后在你的angular代码中使用
$(document).find(".myClass").each(
function(){$(this).tagsinput({});}
);
这个应该可以完成工作
相关文章:
- 我的jQuery插件参数没有正确启动,遇到了问题
- TableExport jquery插件:文件名和扩展名问题
- Jquery标签插件粘贴问题
- 使用科尔多瓦媒体插件时出现问题
- 我的Firefox插件和跨域https存在问题
- 应用程序版本插件问题
- SlimScroll JQuery插件中的滚动条问题
- 由于jQuery问题,在实现Disqus插件时出现问题
- browserfy的brfs插件中出现问题
- Ruby(rails)时间戳和jQuery timeago插件出现问题
- jQuery表单验证插件's只有文字字段的问题
- IE10中使用jQuery floatThead插件(1.2.10)的布局问题
- [contenteditable]元素和jQuery验证插件的问题
- IE9上的Jquery表单插件问题
- Cordova/phonegap 插件兼容性问题 - org.chromium.socket / org.chromiu
- 这个快照 svg 插件有什么问题
- 刷新整页.js插件的问题
- Phonegap facebook插件:安卓系统的各种问题
- jQuery插件和 ASP.NET 内容页面的问题
- 通过Chrome自定义插件在浏览器当前页面中选择元素的问题