使用jQuery.bPopup.js在原始页面上打开的链接

时间:2014-08-11 11:05:33

标签: javascript php jquery html bpopup

我希望有人可以帮我解决以下问题。我目前正在使用jQuery.bPopup.js脚本来播放我正在使用的弹出窗口。几天后我终于设法让它工作,但是我遇到了一个小问题。由于我的jQuery / PHP知识几乎不存在,我似乎无法正常工作。

问题是弹出窗口内的每个链接都在弹出窗口内打开,而它应该在主页上打开,或者更好地说;背景页面。我试过联系剧本的作者,但他似乎没有回应,所以我猜他正在度假。

我宁愿不放弃这个弹出脚本,因为我已经花了很多时间让它正常工作。此外,脚本本身工作正常,但由于某种原因,它会在弹出窗口中打开链接,而不是在主页面上打开它们。

有人知道如何解决这个问题吗?

我正在使用的代码如下所示。

部分:

    // Semicolon (;) to ensure closing of earlier scripting
    // Encapsulation
    // $ is assigned to jQuery
    ;(function($) {

    // DOM Ready
    $(function() {

    // Binding a click event
    // From jQuery v.1.7.0 use .on() instead of .bind()
    $('#colorButton').bind('click', function(e) {

    // Prevents the default action to be triggered. 
    e.preventDefault();

    // Triggering bPopup when click event is fired
    $('#element_to_pop_up').bPopup({
    content:'iframe', //'ajax', 'iframe' or 'image'
    contentContainer:'.customcontent',
    loadUrl: 'popup-page.php' //Uses jQuery.load()
    });
    jQuery('iframe').attr("width", 920);
    jQuery('iframe').attr("height", 400);
    jQuery('iframe').attr("scrolling","no", "frameborder","0");
    });
    });
    })(jQuery);

在我正在使用的部分中:

<button id="colorButton" style="width:100%;">testbutton</span></button>
<div id="element_to_pop_up"><div class="customcontent"></div><span class="button b-close">X</span></div>

虽然弹出窗口工作正常并且显示内容也很好,但它会在弹出窗口中打开链接,而不是在主/背景页面上打开它们。

我希望我发布了所有必要的信息。我有点无能(是的,这种情况一般会发生很多)。

0 个答案:

没有答案