Mozilla 中出现 Javascript 错误，但 Chrome 中没有

Question

 <div class="videoitem">
         <div class="videotitle">
          <h3><a style='cursor:pointer;' onclick="watch('XhJe5sPGTUM','XhJe5sPGTUM2');"  class="watchvideo">Bartos Cs. István ~ 2013. májusi nagy tanítás</a></h3>

        </div>
        <div id='XhJe5sPGTUM2' style='display:none; '>

       <iframe width="560" height="315" style=' overflow:hidden' ></iframe>

       </div>

这是脚本的 html

<script>

function watch(a , b){   
   var ajaxobj = $.ajax(
         {
            url:"vidload.php",
            type:"POST",
            data:{"vid":a},
            dataType:"html"
         });

         ajaxobj.done(
         function(vissza) 
         {

            $("#"+ b).html(vissza);
            fadeSwitchElements(a, b); 

         });     

}; 

function fadeSwitchElements(id1, id2)
{
    var element1 = $('#' + id1);
    var element2 = $('#' + id2);

    if(element1.is(':visible'))
    {
        element1.css("display", "none");
        element2.css("display", "block");

    }
    else
    {
         element2.fadeToggle(500, function() {
            element1.fadeToggle(500);
        });   
    }    
}

</script>

这就是 Mozilla 的说法:

TypeError: "XhJe5sPGTUM2" is not a function in line 1

我不明白这一点...我不知道为什么这在 Mozilla 中不起作用。

Answer 1

你的问题是 watch 在 Firefox 中是一个函数: Documentation

用其他东西替换 watch 。例如my_watch