Javascript 在本地工作,但不在线
我有它,所以当你点击元素,比如右上角的氢元素,它会在大中心的div中播放一段视频,并显示氢元素的信息。我让它在本地工作,但我无法让它在网上工作。 求求你,任何帮助都会很好 这是我的项目的链接 这是我的网站的脚本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).
<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)在本地工作。当我试图在线打开它时,它就是不起作用。