JSfiddle代碼不起作用

我試圖將元素從一個列表框轉移到另一個列表框中的html。爲此，我使用下面的代碼：JSfiddle代碼不起作用

Question :: - 我從一個鏈接通過重定向到jsfiddle網站的鏈接找到此代碼，它正在該網站上工作，但不在這裏工作？

<html> 
<header> 
<script type="text/javascript"> 

$(function(){ 
    $("#button1").click(function(){ 

     $("#list1 > option:selected").each(function(){ 
      $(this).remove().appendTo("#list2"); 

     }); 
    }); 

    $("#button2").click(function(){ 
     $("#list2 > option:selected").each(function(){ 
      $(this).remove().appendTo("#list1"); 
     }); 
    }); 
}); 
</script> 
</header> 
<body> 

<div> 
    <h3>List A</h3> 
    <select id="list1" multiple="multiple" rows=2> 
     <option value=1>Option 1</option> 
     <option value=2>Option 2</option> 
     <option value=3>Option 3</option> 
     <option value=4>Option 4</option> 
    </select> 
    <br/> 
    <input id="button1" type="button" value="Move to List B" /> 
</div> 
<div> 
    <h3>List B</h3> 
    <select id="list2" multiple="multiple" rows=2>   
    </select> 
    <br/> 
    <input id="button2" type="button" value="Move to List A" /> 
</div> 

</body> 


</html>

我知道這是非常愚蠢的問題，但我是一個初學者。

我在這裏做錯了什麼？請幫助我..

來源

2013-10-07 Shyam Dixit

您是否包含jQuery？僅供參考['

']（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header）標記與[**''**]（https ：//developer.mozilla.org/en-US/docs/Web/HTML/Element/head）標籤 – George

在這裏很好地工作http://jsfiddle.net/Alfie/FpC79/像anOG說的，你可能忘了包含jQuery – Anton

在標題中添加jquery js文件。 –

添加jQuery的文件中<head></head>節這樣

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

然後正常工作。

來源

2013-10-07 11:09:34

JSfiddle代碼不起作用

回答

相關問題