回发后 JavaScript 不工作 [关闭]

2024-06-24

我正在 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(使用前将#替换为@)

回发后 JavaScript 不工作 [关闭] 的相关文章

  • Draggable JS Bootstrap 模式 - 性能问题

    对于工作中的项目 我们在 JavaScript 中使用 Bootstrap Modal 窗口 我们想让一些窗口可移动 但我们遇到了 JQuery 的性能问题 myModal draggable handle modal header Exa
  • Bootstrap按钮加载+Ajax

    我正在使用 Twitter Bootstrap 的按钮加载状态 http twitter github com bootstrap javascript html buttons http twitter github com bootst
  • Angular 2 不导入 Bootstrap css

    直接来自https angular io docs ts latest guide forms html https angular io docs ts latest guide forms html 让我们添加样式表 在应用程序根文件夹
  • Bootstrap中.row类的负左右边距

    只是出于好奇 为什么 bootstrap 使用 15px左和右margins 将取消15px左和右padding on container and container fluid类 为什么要设置内边距 然后在子项上使用负边距取消它 行上的负
  • 如何更改bootstrap中form-control弹出窗口中必填字段的默认消息?

  • Bootstrap 表单助手未选择完整的国家/地区名称

    我添加了引导表单助手来列出国家及其州 最初 它根本没有选择国家名称 但我设法用 jQuery 检索国家 地区名称 但它没有显示完整名称 这是表单的完整代码 div class signup form div class container
  • 如何清除隐藏上的引导模式

    如何在关闭 隐藏 关闭时清除引导模式 我有以下模态定义
  • 未捕获(承诺中)TypeError:无法读取 null popover.js 的属性“模板”

    当我触发时我注意到一个错误 popover dispose 当我上下滚动页面时 函数会发生错误 并且它会减慢我的页面速度 该函数按其应有的方式运行并关闭弹出窗口 但这就是错误Uncaught in promise TypeError Can
  • Bootstrap:垂直表单内的水平字段

    我希望使用 Bootstrap 在 垂直样式 表单中添加一些 水平样式 字段 我怎样才能做到这一点 如果可能的话 您可以利用 Bootstrap 的现有类 checkbox inline 以获得您正在寻找的效果 使其看起来正确的关键是指定p
  • .selectpicker 不是一个函数

    我正在尝试使用引导选择 http silviomoreto github io bootstrap select 并从 javascript 引用它 但我总是收到错误 selectpicker is not a function 我读到的有
  • 如何在 ASP.NET 按钮中使用 Twitter Bootstrap 图标?

    我怎样才能使用 i class icon etc i 带有 ASP NET 按钮 链接按钮 像这样
  • Bootstrap Typeahead:删除第一项的强制选择

    您好 我正在 Twitter Bootstrap 中使用 typeahead 我在这里发现 在自动完成下拉列表中 它默认选择第一个选项 我的要求是 最初它不应该选择任何内容 只有当我按下导航键 向上或向下 或将鼠标悬停在它上面时 它才会进入
  • 需要设计8个盒子,排成两排

    如何使用bootstrap设计如下8个盒子 Please 忽略颜色每个盒子都会类似于名片 它们应该只有 8 个盒子 排成两排 With 大屏幕中右侧和左侧的特定边距 and 不 小屏幕中的边距 所以在平板电脑中应该是 2 在移动设备中应该是
  • 将 PrimeNG 与 Bootstrap 4 结合使用

    目前 我正在为一个新的 Angular 2 项目使用 UI 库 我尝试了 Ng Bootstrap 和 Material 不幸的是它们仍处于 Alpha 和 Beta 阶段 我还检查了 PrimeNG 目前 PrimeNG 提供的组件比 M
  • 如何使用 Twitter Bootstrap 创建类似 Gmail 的布局

    是否可以使用 Twitter Bootstrap 创建类似 GMail GoogleGroups 的布局 以便布局始终适合视口 窗口高度 并且侧边栏和内容区域适合 单独滚动 Fixed top navbar
  • 打开 bootstrap.min.css 导致 VS2010 崩溃

    知道为什么打开 bootstrap min css 的缩小版本会导致 VS2010 崩溃吗 对于非缩小文件不会发生这种情况 我知道 我知道 一个有效的解决方案可能是 不要在 VS2010 中打开 bootstrap min css 这与我告
  • Twitter Bootstrap Modal 无法在 Rails 中工作

    我还很新Rails and to twitter bootstrap 我正在研究模态 但我收到了 NoMethodError 未定义的方法 渲染 当我删除 代码来自my release js erb页面 它消失但没有窗口出现 另外 还有错误
  • Twitter Bootstrap 按钮在 IE8 中无响应

    IE 对我来说是个谜 我的网络应用程序可以在 Safari Firefox Chrome 甚至 iPhone 和 iPad 上运行 但当涉及到 IE 时 我根本无法理解遵守给定标准有多么困难 无论如何 足够的咆哮 我的 Twitter 引导
  • LESS:使用 Bootstrap 时出现无法识别的输入错误

    升级 Harp 后 我开始得到无法识别的输入不相关的 CSS 行中出现错误 Less gt CSS 无法识别的输入 Users jorge Dropbox harp io apps mysite com public css main le
  • Bootstrap 页脚不在底部

    我试图强制我的页脚位于网站底部 我不希望它在滚动时粘住 只是在向下滚动网页时出现在底部 目前 网页显示时页脚位于内容下方 我添加了这样的代码bottom 0 并发现它粘住了并且不适合我的网站 我还添加了这样的代码html body heig

随机推荐