[英]jQuery not working outside of JS Bin
我有一個奇怪的問題。 我有一個使用jQuery和CSS的簡單頁面,即使我具有通過Google API嵌入jQuery的代碼,該javascript也無法在我的本地計算機或Web服務器上運行。
它可以在JS Bin( http://jsbin.com/oyimes/2/edit )上正常工作,而當我將它們全部整合到Dreamweaver中時則不能。 這是我的代碼:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
...
JavaScript的:
// JavaScript Document
$('.subtitles').hide();
$('#title1').click(function(){
$('#title1subtitles').slideToggle(750,function(){
$('#title1subtitles li div').animate({width:'100%'}, 1500);
});
});
$('#title3').click(function(){
$('#title3subtitles').slideToggle(400,function(){
$('#title3subtitles li div').animate({width:'100%'}, 1500);
});
});
$('#title4').click(function(){
$('#title4subtitles').slideToggle(400,function(){
$('#title4subtitles li div').animate({width:'100%'}, 1500);
});
});
您需要將js代碼包裝在$(document).ready(function()
$(document).ready(function(){
$('.subtitles').hide();
$('#title1').click(function(){
$('#title1subtitles').slideToggle(750,function(){
$('#title1subtitles li div').animate({width:'100%'}, 1500);
});
});
$('#title3').click(function(){
$('#title3subtitles').slideToggle(400,function(){
$('#title3subtitles li div').animate({width:'100%'}, 1500);
});
});
$('#title4').click(function(){
$('#title4subtitles').slideToggle(400,function(){
$('#title4subtitles li div').animate({width:'100%'}, 1500);
});
});
});
它在jsbin中工作的原因是,它為您添加了$(document).ready(function(){
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.