長絲組平面菜單和花式框衝突

我正在使用長絲組平面菜單。點擊第一個錨點，我想在FancyBox中打開另一個頁面，但它似乎並沒有工作。點擊後，其他頁面將在同一個窗口中打開，而不是在FancyBox中打開。如果我在菜單div外面使用同一個錨，FancyBox的工作沒有任何問題。請幫忙。長絲組平面菜單和花式框衝突

開發環境：ASP.NET 4.0，JQuery的V1.7，JQuery用戶界面v1.8.18，的fancybox V1.3.4

以下是引用jQuery代碼：

$('a#aShowLevels').live('mousedown', function() { 
    var l_sHref = "./tbl.aspx?iframe?id=" + $("#hftbTID").val(); 
    $("a#aShowLevels").attr("href", l_sHref); 
    $(this).trigger('click'); 
}); 

$("a#aShowLevels").fancybox({ 
    'showIframeLoading': true, 
    'enableEscapeButton': true, 
    'width': 680, 
    'height': 540 
});

以下是的HTML代碼：

<a tabindex="0" href="#divMenuOptions" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="flatMenu"><span class="ui-icon ui-icon-triangle-1-s"></span>Options</a> 
<div id="divMenuOptions" class="hidden"> 
    <ul> 
    <li><a id="aShowLevels" href="#" class="iframe" runat="server">Show Bids</a></li> 
    <li><asp:LinkButton ID="lkbtnConvertToPO" runat="server" PostBackUrl="~/po.aspx">Convert to PO</asp:LinkButton></li> 
    </ul> 
</div>

來源

2012-05-22 Shant

提供錨點擊代碼和.fancybox（{代碼顯示頁面。 –

以下是主播單擊代碼和fancybox代碼： $（'a＃aShowLevels'）。live（'mousedown'，function（）{ \t var l_sHref =「./tbl.aspx?id=」+ $（「 #txtId「）。val（）; \t $（」a＃aShowLevels「）。attr（」href「，l_sHref）; \t $（this）.trigger（'click'）; }）; 。 $（「A＃aShowLevels」）的fancybox（{ \t 'showIframeLoading'：真， \t 'enableEscapeButton'：真， \t '寬度'：680， \t '高度'：540 }）; – Shant

編輯在您的問題兄弟。不可讀。 –

我發現溶液如下：

更改從錨屬性...

<li><a id="aShowLevels" href="#" class="iframe" runat="server">Show Bids</a></li>

到

<li><a id="aShowLevels" href="#" runat="server" onclick="var goURL='./tbl.aspx?id=' + $('#hftbTID').val();openFB(goURL)">Show Bids</a></li>

刪除了現場事件的fancybox功能連接到一個＃aShowLevels元素，增加了以下功能：

function openFB(url) { 
     $.fancybox({ 
      'href': url, 
      'type': 'iframe', 
      'width': '95%', 
      'height': '90%' 
     }); 
    }

功勞歸於@JFK（網址：http://groups.google.com/group/fancybox/browse_thread/thread/4449cbde5e004365/98735950117f861b）

來源

2012-05-22 18:33:03 Shant

很高興聽到一些舊帖子仍然有用:) – JFK

你應該接受你自己的答案，所以這個問題將被關閉，檢查http://meta.stackexchange.com/questions/5234/how-does-accepting-an- answer-work/5235＃5235 – JFK

謝謝@JFK，但由於我的Stackoverflow政策聲譽，我無法接受自己的答案，但現在我已經完成了。感謝您在文章中的簡要解釋，這有助於我解決問題。 – Shant

長絲組平面菜單和花式框衝突

回答

相關問題