Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从跳转菜单打开jQuery对话框_Javascript_Jquery_Select_Modal Dialog - Fatal编程技术网

Javascript 如何从跳转菜单打开jQuery对话框

Javascript 如何从跳转菜单打开jQuery对话框,javascript,jquery,select,modal-dialog,Javascript,Jquery,Select,Modal Dialog,我想从跳转菜单启动jQuery对话框。我该怎么做 这是我的剧本: <script> // increase the default animation speed to exaggerate the effect $.fx.speeds._default = 1000; $(function() { $( "#bulkConfirm" ).dialog({position:['middle',60], open: function(event, ui

我想从跳转菜单启动jQuery对话框。我该怎么做

这是我的剧本:

<script>
// increase the default animation speed to exaggerate the effect
$.fx.speeds._default = 1000;
$(function() {
    $( "#bulkConfirm" ).dialog({position:['middle',60],     
        open: function(event, ui) {  
        jQuery('.ui-dialog-titlebar-close').removeClass("ui-dialog-titlebar-close").html('<span style="float:right;"><img src="../images/x.png" /></span>');  
    },  
        dialogClass: 'ui-widget-shadow',
        modal: true,    
        autoOpen: false,
        width: '650px',
        close: function(ev, ui) {$(this).close();}
    });

    $( ".bulkConfirmOpen" ).click(function() {
        $( "#bulkConfirm" ).dialog( "open" );
        return false;
    });
});
</script> 

//增加默认动画速度以放大效果
$.fx.speeds.\u默认值=1000;
$(函数(){
$(“#bulkConfirm”)。对话框({position:['middle',60],
打开:函数(事件,ui){
jQuery('.ui对话框标题栏关闭').removeClass(“ui对话框标题栏关闭”).html('';
},  
dialogClass:'ui小部件阴影',
莫代尔:是的,
自动打开:错误,
宽度:“650px”,
关闭:函数(ev,ui){$(this.close();}
});
$(“.bulkConfirmOpen”)。单击(函数(){
$(“确认”)对话框(“打开”);
返回false;
});
});
这是我的菜单:

<select name="fieldname" size="1" onChange="go()" class="select" >
    <option selected="selected"><em>Questions Bulk Edit Options...</em></option>
    <option value="#">Change Category Assignments</option>
    <option class="bulkConfirmOpen" href="#" >Change Status to Approved</option>
    <option value="#">Move to Another Folder</option>
</select>

问题批量编辑选项。。。
更改类别分配
将状态更改为“已批准”
移动到另一个文件夹
我想打开带有“将状态更改为已批准”选项的对话框。当前,它会快速打开对话框,但随后会立即重定向到未找到的页面。其他菜单项将指向其他页面链接。请帮忙?

您可以试试这个:


为选项赋予
href
属性是无效的。

您建议我如何将其他选项发送到不同的页面?
$(function () {
  $(".select").change(function () {
    if($('option:selected',this).attr('class')=='bulkConfirmOpen'){
       $(this).dialog();
    }
  });
});