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().leftタグ.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

外部ファイルが正しく含まれていない可能性があります。

相対パスに2つのピリオドをロードしてみてください。

<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 に答える
0

これは役立つはずです:

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