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 に答える