【问题标题】:Check if body has class using hasClass jQuery [duplicate]使用hasClass jQuery检查身体是否有类[重复]
【发布时间】:2014-09-29 15:43:03
【问题描述】:

我正在使用 Twitter Bootstrap 模式。 当模式打开时,它会在正文中添加一个类“.modal-open”。 当它关闭时,它会删除这个类。

我正在尝试确定 body 元素何时具有此类,但它不起作用:

$(document).ready(function() {

if($('body').hasClass('modal-open')) {
    console.log('open');
} else {
    console.log('closed');
}       

});


<img src="img/projects/kitty.jpg" width="100%" height: "auto" data-toggle="modal" data-target=".kitty_modal">

当点击图片时,它会显示模态。 使模态打开的代码来自引导程序。 我只想在添加“modal-open”类时删除溢出,这样我就可以滚动模态了。

【问题讨论】:

  • 您现有的代码有什么问题?记录了哪个控制台语句?模式是否在文档准备好时打开?我怀疑...
  • 这段代码运行一次,在 DOM 准备就绪。
  • 点击打开modal时可以让它运行吗?
  • 那你需要把handler绑定到打开按钮
  • 您必须在单击的按钮上添加 click() 事件以打开模式,只需添加此代码即可。

标签: jquery twitter-bootstrap


【解决方案1】:

也许是这样的?我认为您缺少#。

<script>
$(document).ready(function ()
{

    if ($('#body').hasClass('modal-open'))
    {
        alert("modal open");

    } else
    {
        alert("modal closed");

    }

});
</script>

【讨论】:

    猜你喜欢
    • 2014-08-01
    • 1970-01-01
    • 2022-10-06
    • 2016-05-19
    • 2011-10-17
    • 2016-06-07
    • 2012-10-21
    相关资源
    最近更新 更多