Question

我需要在打开引导程序class LinksController < ApplicationController ... def new @link = Link.new end def create @link = Link.create(link_params) if @link.save flash[:success] = "Thanks for your submission!" redirect_to link_path(@link) else render :new end end private def link_params params.require(:link).permit(:title, :url, :content, :tag_list, :category, :image_url, :avatar).merge(user_id: current_user.id, author_first_name: current_user.first_name) end end时向body标记插入一个类名。我尝试使用jquery添加但不幸的是它无法正常工作。任何帮助将不胜感激。

这是我的代码

pop up

Demo

Answer 1

$('.modal-backdrop').on('shown', function() {
        $('body').addClass("test");
    });

    $('.modal-backdrop').on('hidden', function () {
    $('body').removeClass("test");
})

Answer 2

您可以使用'显示'引导事件来执行此操作，如下所示：

$('.modal-backdrop').on('shown', function() {
    $('body').addClass("test");
});

Answer 3

它似乎在你的演示中了 $（＆＃39;＃myModal1 .selectpicker＆＃39;）。selectpicker（）; 造成了一些问题。

但您可以使用http://getbootstrap.com/javascript/#modals docs

中的此代码

$('#myModal1').on('shown.bs.modal', function () {
 $('body').addClass("test");
});

http://jsfiddle.net/h3WDq/1410/

请通过控制台日志检查是否添加了课程。

Answer 4

您可以使用

$('#myModal').on('shown.bs.modal', function () {
  // will only come inside after the modal is shown
});

Answer 5

plz使用bootstrap模态事件： http://getbootstrap.com/javascript/#js-events

你可以使用这个：$('#myModal').on('show.bs.modal', function (e){}) http://jsfiddle.net/h3WDq/1408/

Bootstrap（2.3.2）模态弹出可见性检查

5 个答案: