jquery ddslick не работает

Question

Хорошо, это продолжается с моего предыдущего заданного вопроса: iFrame with Variable URL in PHP Variable У меня даже есть он, чтобы он автоматически включался, когда страница готова и которая все еще не работает.

Теперь я использую ddslick, поэтому я могу показать значок рядом с каждым выпадающим списком в форме. Это то, что Я делаю:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script type="text/javascript" src="jquery.ddslick.min.js"></script> 

Затем в выпадающем списке:

<select form="form1" id="MyMenu"> 
    <option value="0" data-imagesrc="http://example.com/entry/value0.png" data-description="Description 0" >Nothing</option> 
    <option value="1" data-imagesrc="http://example.com/entry/value1.png" data-description="Description 1" >Value 1</option> 
    <option value="2" data-imagesrc="http://example.com/entry/value2.png" data-description="Description 2" >Value 2</option> 
</select> 

Сценарии:

<script> 
//Make it slick! 
$('#make-it-slick').on('click', function(){ 
    $('#MyMenu').ddslick(); 
}); 
//Restore Original 
$('#restore').on('click', function(){ 
    $('#MyMenu').ddslick('destroy'); 
}); 
$(document).ready(function(){ 
    $('#MyMenu').ddslick(); // Turn on Slickness 
}); 
</script> 

Наконец форму

<form name="form1" id="form1"> 
    <input type="submit" name="submit" id="submit" value="Submit Form"> 
    <button id="make-it-slick"> Make it slick!</button> 
    <button id="restore"> Restore to Original</button> 
</form> 

Answer 1

Пожалуйста, замените код вы написали i п сценарий тег ниже код

<script type="text/javascript"> 
//Make it slick! 
$(document).ready(function(){ 
    $('#MyMenu').ddslick(); // Turn on Slickness 

    $('#make-it-slick').click(function(){ 
    $('#MyMenu').ddslick(); 
    return false; //do not propogate click 
    }); 

    $('#restore').click(function(){ 
    $('#MyMenu').ddslick('destroy'); 
    return false; //do not propogate click 
    }); 

}); 
</script> 

С вашим кодом, когда кнопка нажата, то нажмите следует и отправке формы. button тег в форме отправляет форму. Итак, теперь нам нужно нажать кнопку, форма не должна быть отправлена, но она должна выполнять только код javascript. Мы делаем это, возвращая метод ложных щелчков.

Надеюсь, что это поможет :)