HTML中的腳本無法工作

-4

我想在我的HTML文檔中添加JavaScript，但它根本不起作用。以下是我的完整代碼。 JavaScript在jsfiddle中工作。我試圖將該腳本添加到<body>的末尾，但這也不起作用。HTML中的腳本無法工作

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254"> 
<title>Merhaba Dünya!</title> 
<script> 
var sum = 0; 
$("#scroll li").each(function() { 
sum += $(this).width() + parseInt($(this).css('paddingLeft')) + parseInt($(this).css('paddingRight')) 
}); 
$("#scroll").css('width', sum); 

$("#holder").mousemove(function(e) { 
x = -(((e.pageX - $('#scroll').position().left)/$("#holder").width()) * ($("#scroll").width() + parseInt($("#scroll").css('paddingLeft')) + parseInt($("#scroll").css('paddingRight')) - $("#holder").width())); 

$("#scroll").css({ 
'marginLeft': x + 'px' 
}); 
}); 

</script> 

    <link rel="stylesheet" type="text/css" href="ornek.css" /> 
</head> 
<body> 
    <div id="holder"><ul id="scroll"> 
<li><div class="si"></div></li> 
<li><div class="si"></div></li><ul> 
<li><div class="si"></div></li><ul> 
    <li><div class="si"></div></li> 
    <li><div class="si"></div></li><ul> 
    <li><div class="si"></div></li><ul> 

</ul> 
</ul></div> 

</body> 
</html>

，這裏是我的CSS

#holder { 
    background: pink; 
    width: 500px; 
    height: 500px; 
    overflow:hidden; 
    line-height: 30px; 
    margin-left: 100px; 
} 
#scroll{ 
    height: 30px; 
    line-height: 30px; 
    margin-left: 0; 
    padding: 0 10px; 
} 
#scroll li { 
    float: left; 
    padding: 0 5px; 
} 

.si{ 
    width:150px; 
    height:150px; 
    background-color:black; 
    float:left; 
    border-radius:150px; 
    margin:10px; 
} 
.si:hover{ 
    width:160px; 
    height:160px; 
    margin:2px; 
}

來源

2016-01-06 umuur

執行此操作時，''還沒有存在，'#scroll li'不存在，'$（「＃scroll li」），每個都重複執行零次。如果將它移動到身體的盡頭，這個問題就會消失;如果它仍然無法正常工作，則應該發佈該*代碼，因爲您還有其他問題。 – Amadan

jquery.js包含在頭 –

他說什麼^^^ – LOTUSMS

你忘了，包括JQuery的在你的代碼。只需在腳本標記前添加<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>即可。 JSFiddle可能會自動爲您加載JQuery，而您的頁面則不會。

來源

2016-01-06 02:48:34 Joe789101112

HTML中的腳本無法工作

回答

相關問題