【问题标题】:Bootstrap select turns from dropdown into input field on AJAX - js.erb引导选择从下拉列表变为 AJAX 上的输入字段 - js.erb
【发布时间】:2015-04-18 10:32:15
【问题描述】:

有一个小问题 - 当我尝试通过 Ruby on Rails (js.erb) 中的 AJAX 更新视图结果时,即。当我通过 AJAX 更新/呈现表单时,selectpicker 变成了简单的输入,因此它就从视图中消失了。有人可以建议我需要做什么来解决这个问题吗?

= form.input_field :id, :include_blank => "Some text...", collection: @some_ids, 
class: 'selectpicker', "data-style" => "btn", 
"data-width" => "100%", :selected => object.id, :id => "some_id"

【问题讨论】:

    标签: javascript jquery ruby-on-rails ajax bootstrap-select


    【解决方案1】:

    如果选择是动态添加到页面的,您可能需要重新绑定。您应该添加:

    $('.selectpicker').selectpicker();
    

    在将内容添加到 DOM 后将内容添加到您的 js.erb 文件中,以使用 selectpicker 类作为选择器来初始化元素。

    【讨论】:

    • 我已经尝试过了 $('.selectpicker').selectpicker("render");以及 $('.selectpicker').selectpicker("refresh");由于某种原因,没有什么不同
    • 您还有什么建议吗?
    • 你的haml在页面中生成了什么html标记?也许这就是问题所在,但如果不知道@some_ids 包含什么就很难说。您可以将其添加到您的问题中吗?
    • 啊伙计,就是这样。一些愚蠢的错误。将@some_ids 放置在错误的位置 - 现在一切正常!感谢一些方向:)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-26
    • 1970-01-01
    • 2016-01-11
    • 2018-12-30
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多