的JQuery不會在外部

<head> 
    <title> Slider </title> 
    <link rel="stylesheet" type="text/css" href="stylesheet.css" /> 
    <script src="./js/jquery.js"></script> 
    <script src="./js/javascript.js"></script> 
    <script src="./js/slider.js"></script> 
</head> 

<div class="subTab"> 
    <ul> 
     <li><a>First</a></li> 
     <li><a>Second</a></li> 
    </ul> 
</div> 
<script> 
    // works here 
    $(".subTab").css("left", 500); 
    alert($(".subTab").position().left); 
</script>

內容js/javascript.js工作：的JQuery不會在外部

$(document).ready(function() 
{ 
    $(".subTab").css("left", 500); 
    alert($(".subTab").position().left);  
});

問題：

變化，在<script>標籤本地輸出.subTab的.position().left的作品，而不是在外部js/javascript.js。爲什麼？

CSS：

.subTab 
{ 
    z-index:12; 
    position:absolute; 
    background-color:black; 
    padding-right:10px; 
    border:1px solid #8C90FF; 
    border-top:0px; 
}

內滑，我們的index.php和文件夾名爲JS。

來源

2012-10-28 user1534664

你確定你的外部腳本是正裝？也許這條路是錯的？ –

它運行document.ready回調函數中的其餘代碼，所以是的。 – user1534664

js/javascript.js丟失'）;'在括號的末尾 – NathanD

我想你可能會錯誤地包含你的外部文件。

嘗試在相對路徑中加載兩個句點。

<head> 
    // wont work in js/javascript.js 
    <script src="../js/javascript.js"></script> 
</head>

也可以嘗試把警報在javascript.js文件，看看它實際上得到加載。或者你可以使用螢火蟲看看它是否加載。

如果您可以發佈您的項目的目錄結構，我可以給你一個更具體的答案。

它也似乎是你的代碼格式不正確。

嘗試：

$(document).ready(function() 
{ 
    $(".subTab").css("left", 500); 
    alert($(".subTab").position().left);  
});

來源

2012-10-28 22:42:56

這應有助於：

$(document).ready(function() 
{ 
    $(".subTab").css("margin-left", 500); 
    alert($(".subTab").position().left);  
})

來源

2012-10-28 22:46:22 salih0vicX

的JQuery不會在外部

回答

相關問題