Drupal ajax html和bootstrap dropdown button的事件机制
来源:互联网 发布:电力数据网接入设备 编辑:程序博客网 时间:2024/06/05 19:47
最近遇到一个特稀奇的一件事情,通过ajax-path获取出来的列表数据,后面自定义的链接跳转按钮无法正常跳转。
总结一下,网页加载与jquery的元素绑定机制是这样的,页面(document)加载完成后,页面附带的所有jquery js文件会对页面内容进行筛选绑定各个功能,ajax获取出来的新页面需要重新绑定js事件才能进行响应,否则就会出现前面的错误,链接地址无法正常跳转。
下面是修改的代码。
var centent = $('.ajax-content'); var url = centent.attr('ajax-path'); function getContent(exectime){ var parm = {}; parm['mode'] = mode; $.ajax({ type: "GET", url: url, data: parm, dataType: "html", success: function(data) { centent.html(data); $('li.delete a').once().click(function(){ return confirm('确定要执行删除操作!'); }); }, complete: function() { Drupal.behaviors.bootstrapDropdown.attach(context); // 注意这里:页面加载完成后,需要对这部分html进行事件绑定 } }); } getContent(timestamp);
留作记录。
阅读全文
0 0
- Drupal ajax html和bootstrap dropdown button的事件机制
- 基于Bootstrap里面的Button dropdown打造自定义select
- 取消Bootstrap的dropdown-menu点击默认关闭事件
- html button 和 asp button的 各种click事件
- bootstrap 和传统的html 关于button的属性问题
- bootstrap中的dropdown组件扩展hover事件
- Bootstrap中回车会触发其他按钮的Dropdown事件的解决方法
- Html控件-Dropdown的用法
- button的dropdown-toggle的作用
- Bootstrap插件dropdown源码的学习
- Button和Button事件的简单应用
- HTML: button和input button的区别
- HTML: button和input button的区别
- Bootstrap中菜单栏使用dropdown和dropdown-menu,菜单栏中文字链接失效
- bootstrap dropdown演示
- bootstrap中的dropdown
- 【Bootstrap】下拉菜单Dropdown
- bootstrap之dropdown
- GC工作原理
- 列出所有有效的strerror串值
- robotframework
- PL/SQL(或者说是Oracle)错误ORA-00972:标识符过长
- beautifulsoup4函数使用学习
- Drupal ajax html和bootstrap dropdown button的事件机制
- 48. Rotate Image
- QT5容器遍历
- Spring Boot 入门
- QT 程序完全打开前的开启画面
- 关于 Bootstrap validator remote 的delay 属性 没效果
- 优化加号+操作符
- just4fun:神奇的代码生成好看的图片
- 源码学习(待续)