Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在本地工作,但不在线_Javascript_Jquery_Css_Html - Fatal编程技术网

Javascript 在本地工作,但不在线

Javascript 在本地工作,但不在线,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我有它,所以当你点击元素,比如右上角的氢元素,它会在大中心的div中播放一段视频,并显示氢元素的信息。我让它在本地工作,但我无法让它在网上工作。 求求你,任何帮助都会很好 这是我的项目的链接 这是我的网站的脚本 <script type="text/javascript"> $(document).ready(function() { $('div.video').hide(); $('.icon').click(function(){ var id=$(this).

我有它,所以当你点击元素,比如右上角的氢元素,它会在大中心的div中播放一段视频,并显示氢元素的信息。我让它在本地工作,但我无法让它在网上工作。 求求你,任何帮助都会很好

这是我的项目的链接

这是我的网站的脚本

<script type="text/javascript">
$(document).ready(function() {


$('div.video').hide();

$('.icon').click(function(){
    var id=$(this).data('id'),
        thisDiv=$("div.video[data-id='" + id +"']"),
        thisVideo=$("div.video[data-id='" + id +"']").find('video');

    $('video').each(function() {
        this.pause();
        this.currentTime = 0;
    });

       $('div.video').not(thisDiv).fadeOut('fast');

       thisDiv.fadeIn();      
       thisVideo.get(0).play();   
    });

});
</script>
<script type="text/javascript">
$("#periodictable td").hover(function() {
      $(this).stop().animate({opacity: "1"}, 'fast');
    },
    function() {
      $(this).stop().animate({opacity: ".7"}, 'slow');
    });
</script>

$(文档).ready(函数(){
$('div.video').hide();
$('.icon')。单击(函数(){
var id=$(this).data('id'),
thisDiv=$(“div.video[数据id='”+id+'”]),
thisVideo=$(“div.video[数据id='”+id+“']”)查找('video');
$('video')。每个(函数(){
这个。暂停();
这个.currentTime=0;
});
$('div.video').not(thisDiv.fadeOut('fast');
thisDiv.fadeIn();
thisVideo.get(0.play();
});
});
$(“#periodictable td”).hover(函数(){
$(this.stop().animate({opacity:“1”},'fast');
},
函数(){
$(this.stop().animate({opacity:.7},'slow');
});

选中时,我会收到一条错误消息,说明元素未定义

您应该克服控制台给您带来的错误,因为它将为您寻找的内容提供更多的解释

它显然是在抛出一个异常,无论您的异常是什么,都会显示错误消息,因此…您可以在定义文件的本地主机上尝试。它们是在代码中用指针声明的还是说“回头看这里”并在单击按钮时使用它


看起来您的函数应该包含这些声明,或者您可以将它们设置为全局声明,但如果没有更多信息,则不太确定…

错误在这里:

你在试着

var thisDiv = ("div.video[data-id='" + id +"']");// but it returns jQuery object, 
                                                 // not element

// Thats why below statement will not work
// because it works on element

alert(thisDiv.nodeType);
所以你应该这样做:

var thisDiv = ("div.video[data-id='" + id +"']")[0]; // returns the element
alert(thisDiv.nodeType); // and then get the nodeType

您的控制台中出现了什么错误?
$('video')。每个
都抛出
未捕获错误:无效状态\u错误:DOM异常11
我使用MAMP和coda的预览模式(我很确定使用safari webmx)在本地工作。当我试图在线打开它时,它就是不起作用。