ブートストラップメニューの右側のプラス右の近くに

< UL クラス= "rightmenu" > 
        < リチウムのデータ型= "closethis" >关闭当前</ > 
        < リチウムのデータタイプ= "CLOSEALL" >关闭所有</ > 
        < リチウムのデータタイプ= "closemenu" >关闭菜单</ > 
    </ UL >

まず右のポップアップメニューのHTMLコードを添付

ます。<script type = "text / javascriptの"> 
        $( '.rightmenu' ).hide(); 
        $(文書).click(関数(){ 
            $( '.rightmenu' ).hide(); 
        })
        $( "#lr_frame_tabs_ul")( "コンテキストメニュー"、オン機能(E){
              VARポップアップメニュー= $(」 .rightmenu」); 
                L =($(文書).width() - e.clientX)<popupmenu.width - ()(e.clientX?)popupmenu.width():e.clientX; 
                T =($(ドキュメント).height() - e.clientY)<popupmenu.height()(e.clientY - ?popupmenu.height()):e.clientY。
                popupmenu.css({左:L、トップ:T})を表示();。
                返す ; 
        })
        
        $(」.rightmenu李")をクリックし(関数(){
             場合($(この).ATTR("データ型")== "closethis" ){
                 VAR tabid = $(" LIの[クラス=」 WMS-フレームのTabItemアクティブ'] ")ATTR( 'ID')SUBSTR(7); // 获取当前激活的选项卡IDの
                デバッガ
                top.robo.frameTab.close(tabid); 
            } そうでない 場合($().ATTR( "データ型")== "CLOSEALL" ){
                 VARアレイ(););
                VaRの IDS = 新しい
                の$ .each(tabtitle、機能(I){ 
                    IDS [i]を = $(この).ATTR( "ID")SUBSTR(7。);
                     もし!(IDS [I] = "0" 
                        トップ.robo.frameTab.close(IDS [I]); 
                })

            } そう であれば($(この).ATTR( "データ型")== "closemenu" ){ 
                $( '.rightmenu' ).hide() ; 
            } 
            $( '.rightmenu' ).hide();
        
    

そして、JSコードを添付し、隠されるべきデフォルトのメニューのロードを開始するときの少し説明は、右クリックメニューの機能は、コンテキストメニューを結合にトリガされます。

最後にレンダリング!

 

おすすめ

転載: www.cnblogs.com/AndyLin/p/11425172.html