好的，这是我先前提出的问题的继续：
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>
最佳答案
请用以下代码替换您在script标签中编写的代码
<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代码。我们通过在click方法中返回false来实现。希望这可以帮助 ：）
关于javascript - jQuery ddslick无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26076919/