我正在 asp.net Web 应用程序上使用引导组件。
它工作正常,但奇怪的是,它们在页面回发后停止工作。外表很好,但行为却不好。这就是为什么我认为问题涉及 javascript 文件。
例如,下拉按钮:回发后,展开操作不起作用。
您知道这可能是什么原因吗?
如果您使用 UpdatePanel 进行部分页面刷新,那么当通过 AJAX 更新面板内容时,通常$(document).ready(...) / $(...)
stuff 不会再次触发,这意味着属于 Bootstrap 一部分的自定义 JS 功能(如下拉菜单)不会重新绑定到新元素。
我通常做的是将设置 javascript 事件处理程序和行为的代码提取到它们自己的函数中(例如function BindEvents() { ... }
),然后我在更新面板中使用以下代码以确保它重新运行after部分回发(以及初始页面加载):
<script type="text/javascript">
Sys.Application.add_load(BindEvents);
</script>
EDIT:这是建议的基本BindEvents()
应该为您重新初始化下拉菜单的函数:
function BindEvents() {
$('[data-toggle=dropdown]').dropdown();
// other bootstrap binding code - see the combined Bootstrap.js for ideas
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)