jQuery不在JS Bin以外工作

我有一個奇怪的問題。我有一個使用jQuery和CSS的簡單頁面，即使我有通過Google API嵌入jQuery的代碼，但JavaScript並不適用於本地計算機或我的Web服務器。jQuery不在JS Bin以外工作

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

來源

2013-07-07 user2557385

只是FYI，你在你的HTML加載jQuery兩次。刪除第二個。 – mohkhan

學習中心解釋瞭如何正確設置jQuery：http://learn.jquery.com/about-jquery/how-jquery-works/。 –

你需要用你的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(){爲你

來源

2013-07-07 03:23:57 karthikr

謝謝！我希望這件事很簡單。 – user2557385

jQuery不在JS Bin以外工作

回答

相關問題