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

请更换代码你写了我带有以下代码的脚本标记

<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代码。我们通过在点击方法中返回false来做到这一点。

希望这会有所帮助:)