0

我想从跳转菜单中触发一个 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>

我想用“将状态更改为已批准”选项打开对话框。目前它会快速打开对话框,但随后会立即重定向到未找到的页面。其他菜单项将被定向到其他页面链接。请帮忙?

4

1 回答 1

1

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

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

给选项一个href属性不是一个有效的方法。

于 2013-01-10T18:04:42.050 回答