Question

<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().left .subTab <script>在js/javascript.js代码中本地工作，但不在.subTab { z-index:12; position:absolute; background-color:black; padding-right:10px; border:1px solid #8C90FF; border-top:0px; }外部。为什么呢？

的CSS：

{{1}}

在内部滑块中，我们有index.php和名为js。

的文件夹

Answer 1

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

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

<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);    
});

Answer 2

这应该有所帮助：

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

JQuery不会在外部工作

2 个答案: