Question

我有这个jquery代码，100％工作。当我在html中导入我的js文件时，这是在每个页面加载时执行的。我的问题是，我怎样才能使用这个代码，只有当元素存在时，或者直接从元素本身调用它？我有类似的功能，但是，在没有特定元素的html上，javascript执行暂停。有时因为html元素不存在于特定的html文件中。

/**
* Message Box Display
*/
$(document).ready(function() {
$("#Message-Box" ).slideDown("slow", function() {
    $("#Message-Box").addClass('Show');
    setTimeout(function(){
        $('#Message-Box').addClass('Hide');
    }, 5000);
});
});

Answer 1

尝试这样的事情

$(document).ready(function() {
  var msgbx = $("#Message-Box");
    if (msgbx.length) {
        msgbx.slideDown("slow", function() {
            msgbx.addClass('Show');
            setTimeout(function() {
                msgbx.addClass('Hide');
            }, 5000);
        });
    }
});

Answer 2

暂停我的脚本的功能就是这个：

/**
 * Background-Audio
 */
$(document).ready(function() {
   var audioTrack = document.getElementById("Background-Audio");
   if(audioTrack)
   {
    audioTrack.volume = 0.05;
    audioTrack.play();
   }
});

Jquery函数 - 在元素上

2 个答案: