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

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

问题：

在标签中本地更改和输出.position().leftof作品，而不是在. 为什么？.subTab<script>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 的文件夹。

4

2 回答 2

0

这应该有助于：

$(document).ready(function() 
{
    $(".subTab").css("margin-left", 500);
    alert($(".subTab").position().left);    
})​
于 2012-10-28T22:46:22.797 回答
0

我认为您可能错误地包含了您的外部文件。

尝试在相对路径中使用两个句点加载它。

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

还可以尝试在您的 javascript.js 文件中添加警报，以查看它是否真正被加载。或者您可以使用 firebug 来查看它是否已加载。

如果你能把你项目的目录结构贴出来，我可以给你一个更具体的答案。

您的代码似乎格式不正确。

尝试：

$(document).ready(function() 
{
    $(".subTab").css("left", 500);
    alert($(".subTab").position().left);    
});
于 2012-10-28T22:42:56.577 回答