將小提琴代碼集成到佈局中

-3

在名爲Michael的Stack Overflow用戶的幫助下，我能夠讓這個jsFiddle部門正確下拉。但是，當我嘗試將JavaScript，CSS和HTML實現到一個只有jsFiddle代碼的新目錄中時，我無法通過單擊來獲取分區。它實際上不會顯示內容部門。我究竟做錯了什麼？將小提琴代碼集成到佈局中

我猜我必須以某種方式錯誤地實現JavaScript代碼。

的的jsfiddle是http://jsfiddle.net/WeL6j/12/，

$(function() { 
    $('.action').click(function() { 
     var content = $(this).find('~ .content'); 
     $(this).parent().parent().find('.content').not(content).hide('fast'); 
     content.slideToggle('fast'); 
    }); 
});

來源

2012-04-12 itsbc

代碼移動到身體的底部沒有實際看到的代碼不工作，這是不可能的，任何人都可以簡單地猜測你的錯誤。 – Pointy 2012-04-12 15:22:04

你包含jQuery庫嗎？ '' – 2012-04-12 15:22:57

是的，我想到了很多。我將發佈一個簡單的包含基本文件的pastebin。是的，我包含了jquery文件。 – itsbc 2012-04-12 15:24:52

您需要包括jQuery的你使用它之前...一個很好的方式，以確保這是把<script>標籤，包括jQuery的前你編碼。或者，你可以前</body>read more

<head> 
<title></title> 

<script language="JavaScript" type="text/javascript" src="jquery.js"></script> 
<link rel="stylesheet" type="text/css" href="style.css" /> 

</head> 

<body> 
<div id="container"><ul> 
    <li> 
     <a href="#" class="action">summer</a> 
     <div class="content"> 
      <a href="link">june</a> 
      <a href="link">july</a> 
     </div> 
    </li> 
    <li> 
     <a href="#" class="action">winter</a> 
     <div class="content"> 
      <a href="link">november</a> 
      <a href="link">december</a> 
     </div> 
    </li> 
    <li> 
     <a href="#" class="action">weather</a> 
     <div class="content"> 
      <a href="link">rain</a> 
      <a href="link">sun</a> 
     </div> 
    </li> 
    </ul></div><br> 
<div id="div"> 
    </div> 
<script type="text/javascript"> 
//$(function() { // ooo looky, i'm not actually needed now! 
    $('.action').click(function() { 
     var content = $(this).find('~ .content'); 
     $(this).parent().parent().find('.content').not(content).hide('fast'); 
     content.slideToggle('fast'); 
    }); 
//});? 
</script> 
</body>

來源

2012-04-12 15:30:36 rlemon

謝謝。今天早上我應該真正離開stackoverflow。我很感激。 – itsbc 2012-04-12 15:36:57

將小提琴代碼集成到佈局中

回答

相關問題