细丝组平面菜单和 FancyBox 冲突答案

【问题标题】：Filament Group Flat Menu and FancyBox conflict细丝组平面菜单和 FancyBox 冲突
【发布时间】：2012-05-28 19:16:02
【问题描述】：

我正在使用灯丝组平面菜单。单击第一个锚点时，我想在 FancyBox 中打开另一个页面，但它似乎不起作用。单击时，另一个页面将在同一窗口中打开，而不是在 FancyBox 中。如果，我在菜单 div 之外使用相同的锚，FancyBox 可以正常工作。请帮忙。

开发环境：ASP.NET 4.0、JQuery v1.7、JQuery UI 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>

【问题讨论】：

提供锚点点击代码和.fancybox({显示页面的代码。
以下是锚点点击代码和fancybox代码： $('a#aShowLevels').live('mousedown', function() { var l_sHref = "./tbl.aspx?id=" + $("#txtId").val(); $("a#aShowLevels").attr("href", l_sHref); $(this).trigger('click'); }); $("a#aShowLevels").fancybox({ 'showIframeLoading': true, 'enableEscapeButton': true, 'width': 680, 'height': 540 });
编辑你的问题兄弟。无法阅读。
查看这个stackoverflow问题click me
@PriyankPatel .. 感谢 cmets，让我一次证明一个。我试过了，但我无法在 cmets 框中格式化我的代码，对此我深表歉意，并且无法格式化到 fancybox 代码，你可能会读到我的问题，如果我删除菜单 div 之外的锚，fancybox 代码就可以工作。请发表评论。

标签： jquery jquery-ui fancybox conflict

【解决方案1】：

我找到了如下解决方案：

从 ... 更改锚属性

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

移除了 a#aShowLevels 元素附加的 live 事件和 fancybox 函数，并添加了以下函数：

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

感谢@JFK（网址：http://groups.google.com/group/fancybox/browse_thread/thread/4449cbde5e004365/98735950117f861b）

【讨论】：

很高兴听到一些旧帖子仍然有用:)
你应该接受你自己的答案，所以这个问题将被关闭，检查meta.stackexchange.com/questions/5234/…
谢谢@JFK，但由于我在 Stackoverflow 政策方面的声誉，我无法接受自己的回答，但现在我已经做到了。感谢您文章中的简短解释，帮助我解决了我的问题。