你能看到我的Javascript文件中丟失的東西嗎？

-1

我試圖重新創建本地本的jsfiddle我的機器上：你能看到我的Javascript文件中丟失的東西嗎？

我不明白不過，因爲它會轉到菜單畫面就像上面的小提琴，但動畫將不會發生，這個問題不會循環。它只會留在長度？問題，並留在那裏，沒有任何按鈕會做任何事情。

我有3個文件：index.html，js.js和styles.css。

的index.html：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<link rel="stylesheet" type="text/css" href="styles.css"> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script src="js.js"></script> 

</head> 

<body> 

<!-- start questionaire --> 

<form class="questionnaire"> 
    <fieldset> 
     <h3>length?</h3> 

     <label> 
      <input name="length" value="5" type="radio" />Too big</label> 
     <label> 
      <input name="length" value="4" type="radio" />big</label> 
     <label> 
      <input name="length" value="3" type="radio" />medium</label> 
     <label> 
      <input name="length" value="2" type="radio" />small</label> 
     <label> 
      <input name="length" value="1" type="radio" />tiny</label> 
    </fieldset> 
    <fieldset> 
     <h3>width?</h3> 

     <label> 
      <input name="width" value="5" type="radio" />Too big</label> 
     <label> 
      <input name="width" value="4" type="radio" />big</label> 
     <label> 
      <input name="width" value="3" type="radio" />medium</label> 
     <label> 
      <input name="width" value="2" type="radio" />small</label> 
     <label> 
      <input name="width" value="1" type="radio" />tiny</label> 
    </fieldset> 
    <fieldset> 
     <h3>weight?</h3> 

     <label> 
      <input name="weight" value="5" type="radio" />Too big</label> 
     <label> 
      <input name="weight" value="4" type="radio" />big</label> 
     <label> 
      <input name="weight" value="3" type="radio" />medium</label> 
     <label> 
      <input name="weight" value="2" type="radio" />small</label> 
     <label> 
      <input name="weight" value="1" type="radio" />tiny</label> 
    </fieldset> 
    <button class="back" type="button">back</button> 
</form> 


<!-- end questionaire --> 





</body> 
</html>

styles.css的：

 @charset "utf-8"; 
    /* CSS Document */ 

    .questionnaire label { 
     display:block; 
     clear:both 
    } 
    .questionnaire fieldset:not(:first-child) { 
     display:none 
    }

js.js：

$(function() { 
    $(".questionnaire input[type='radio']").click(function() { 
     var fs = $(this).closest("fieldset"), 
      next = fs.nextAll('fieldset:first'); 
     fs.slideUp('fast'); 
     if (next.length) { 
      next.slideDown('fast') 
     } else { 
      alert("do some computation") 
     } 
    }) 
    $(".questionnaire button.back").click(function(){ 
     var fs=$(this).siblings(":visible"), 
      prev=fs.prevAll('fieldset:first'); 
     if (prev.length){ 
      fs.slideUp('fast') 
      prev.slideDown('fast') 
     } 
    }) 
})

來源

2014-09-19 king

看起來好像你已經將jQuery加載到了'js.js'所依賴的頁面中。瀏覽器錯誤控制檯或調試控制檯中應該存在錯誤，這些錯誤指向了一些有用的方向。如果你在某些事情不起作用的時候先不去那裏，那首先要學習的東西之一。 – jfriend00 2014-09-19 05:07:19

工作..謝謝你。在這裏作出答覆生病使你的答案正確 – king 2014-09-19 05:08:45

即時通訊使用Dreamweaver，沒有錯誤。 – king 2014-09-19 05:09:06

它看起來並不像你已經加載的jQuery到您的頁面js.js依賴於。

在瀏覽器錯誤控制檯或調試控制檯中應該出現錯誤，指出您在一些有用的方向。如果你在某些事情不起作用的時候先不去那裏，那首先要學習的東西之一。

來源

2014-09-19 05:09:03 jfriend00

你能看到我的Javascript文件中丟失的東西嗎？

回答

相關問題