时间戳

首页 > 解决方案 > 在 Modal 打开后运行 JS

javascript - 在 Modal 打开后运行 JS

问题描述

我尝试了很多方法，例如：

$(document).ready(function () { 
 $('body.modal-open').on('shown.bs.modal', function (e) {
        if ($("a.address").length) {
        var signupText = (hightestCount);
        $(".rg-modal-signup h2").text('Keep searching ' + signupText + ' real estate.');
    } else {
        var signupText = '';
         $(".rg-modal-signup h2").text('Keep searching for your dream home.');
    }
  }); });

和：

$('body.modal-open').on('shown', function(){
if ($("a.address").length) {
        var signupText = (hightestCount);
        $(".rg-modal-signup h2").text('Keep searching ' + signupText + ' real estate.');
    } else {
        var signupText = '';
         $(".rg-modal-signup h2").text('Keep searching for your dream home.');
    } });

只是不起作用，我似乎只能在按钮提示模态时使其运行代码，但当模态以不同方式显示时则不行。有什么建议么？

标签： javascripthtmljquery

解决方案

给你的模式一个 id 并尝试使用 JQuery 的 :visible 方法。

if($('#modal').is(":visible")){

    if ($("a.address").length) {
        var signupText = (hightestCount);
        $(".rg-modal-signup h2").text('Keep searching ' + signupText + ' real estate.');
        } else {
        var signupText = '';
        $(".rg-modal-signup h2").text('Keep searching for your dream home.');
     }

}

如果你坚持使用boostrap的方法

$(document).ready(function () { 
    $('body').on('shown.bs.modal', function (e) {
        if ($("a.address").length) {
        var signupText = (hightestCount);
        $(".rg-modal-signup h2").text('Keep searching ' + signupText + ' real estate.');
} else {
    var signupText = '';
     $(".rg-modal-signup h2").text('Keep searching for your dream home.');
}
}); });

推荐阅读