Jquery函数- on元素

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();
   }
});