2012-05-31 76 views
0

我擁有它,所以當你點擊右上角的氫元素時,它會在大中心div中播放視頻並顯示有關氫氣的信息。我在當地工作,但我無法讓它在網上工作。 請任何幫助將是偉大的。本地工作但不在線

這裏是鏈接到我的項目 http://travismichael.net/periodic_elements/

這裏是我的地盤

<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> 
+0

你的控制檯出現了什麼錯誤? –

+0

'$('video')。each'正在拋出'未捕獲錯誤:INVALID_STATE_ERR:DOM異常11' – jbabey

回答

0

腳本時檢查我得到的說,元素是未定義的錯誤消息。

你應該過去控制檯給你的錯誤,因爲它會給你更多的解釋。

這顯然是拋出一個異常,無論你的例外是顯示錯誤信息,所以......你在你的本地主機上試圖定義文件。它們是在你的代碼中用一個指針還是某個東西來聲明的?在這裏點擊這個按鈕並點擊按鈕來使用它?

它看起來像你的函數應包含這些聲明,或者你可以讓他們全球性的,真的不知道沒有更多的信息.​​..

+0

如果您想再次查看,我更新了代碼。 – travis5567

+0

我在本地使用MAMP以及使用尾聲的預覽模式(我非常確定使用safari webmx)。當我嘗試在線打開它時,它不會工作。 – travis5567

1

錯誤是在這裏:

你跟

努力
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 
相關問題