Question

我想从跳转菜单中激活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>

这是我的菜单：

<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>

我想打开对话框，其中＆＃34;将状态更改为已批准＆＃34;选项。目前它会快速打开对话框，但随后会立即重定向到找不到的页面。其他菜单项将定向到其他页面链接。请帮助一点？

Answer 1

你可以试试这个：http://jsfiddle.net/TXkrM/

$(function () {
  $(".select").change(function () {
    if($('option:selected',this).attr('class')=='bulkConfirmOpen'){
       $(this).dialog();
    }
  });
});

为href属性提供选项不是一种有效的方法。

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

1 个答案: