【问题标题】:How to initialize Bootstrap handlers after Ajax addition?添加 Ajax 后如何初始化 Bootstrap 处理程序?
【发布时间】:2012-10-25 21:35:56
【问题描述】:

我有一个页面,该页面收集了该页面内容上的一组用户 cmets。通过单击按钮并填写通过 Bootstrap 模态显示的表单,将新的 cmets 添加到页面中。然后通过 ajax 将结果插入到页面中。这一切都很好。

添加到页面的“结果”包括另一个引导按钮/链接,如下所示:

<a tabindex='-1' href='#' class='ajax-modal btn btn-small' 
      data-target='modal_my-modal' data-backdrop='true' 
      data-controls-modal='res-modal' data-keyboard='true' 
      url='/somewhere'>Click me</a>

链接看起来和行为都像一个按钮(感谢 Bootstrap!),但是,当点击时,它不会像它应该的那样触发模式。但是,如果我在浏览器中刷新页面,以便重新绘制此评论以及页面上的其他评论,则按钮/链接现在可以正常工作。

由于该按钮在页面重绘时起作用,我假设有一些 Bootstrap 初始化代码在页面加载并设置所有链接以执行其操作时运行,并且我需要在添加后调用它我的新按钮到页面。这是正确的,如果是这样,我应该调用什么来正确初始化链接?谢谢!

【问题讨论】:

    标签: ajax twitter-bootstrap modal-dialog


    【解决方案1】:

    简短的回答:确实有一个函数在绘制页面时被调用并设置点击处理程序——这是我自己的函数负责设置模式。我在包含按钮/链接的 html 之后添加了对该函数的调用,一切都很好。我确定有一个 Bootstrap init 函数会被调用,但需要调用我自己的函数。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-09-09
      • 1970-01-01
      • 2021-12-17
      • 2011-12-05
      • 2023-03-18
      • 2018-10-09
      相关资源
      最近更新 更多