<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というフォルダーがあります。