Код JSfiddle не работает

Я пытаюсь перенести элементы из одного списка в другой список в html. Для этого я использую ниже код:Код JSfiddle не работает

Вопрос :: - Этот код я нашел по ссылке stackoverflow, которая перенаправляется на сайт 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? FYI тег ['

'] (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 не работает

ответ

Смежные вопросы