Question

我在我网站的页面上使用jQuery v1.7.2和fancybox v1.3.3。当点击一个按钮时，我有一些文本出现在Fancybox中（正如你可以从代码中看到的那样，如果存在某个会话属性，它也应该出现，但这与问题无关）。

我刚刚升级到Fancybox 2，现在当我点击同一个按钮时，我的Fancybox的内容出现在我的网页的最顶部，弹出的Fancybox说“无法加载请求的内容。请再试一次后“。

以下是我页面中的脚本和HTML。一切都在以前工作 - 我改变的唯一部分是注释“添加jQuery库”下的一行和注释“添加fancyBox”下的两行

<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>

        <script type="text/javascript">
        var $ = jQuery.noConflict();
        jQuery(function($) {    
            $(".doWhatsNew").each(function (i) {
                $(this).on("click", function () {           

                    jQuery('#whatnew').css('display','block');     
                    jQuery.fancybox({content:whatnew});
                });
            });
        });

        </script>               

        <script type="text/javascript">
        jQuery.noConflict();
        jQuery(document).ready(function() {

            <% if(session.getAttribute("ATTRIBUTE") != null){ %>    
                var message = jQuery('#whatnew').css('display','block');     
                jQuery.fancybox({content:whatnew});
                <% session.removeAttribute("ATTRIBUTE");
            }%>         


            jQuery("#whatsnew").fancybox({
                'width'             : '65%',
                'height'            : '55%',
                'autoScale'         : false,
                'transitionIn'      : 'none',
                'transitionOut'     : 'none',
                'type'              : 'iframe'
            });     
        });
    </script>

<!-- HTML -->

        <div id="whatnew" style="display:none;">
        (What's New Text Here)
        </div>


    <button class="doWhatsNew">Retreive "What's New" Pop-Up</button>

升级到Fancybox 2后，Fancybox现已破产

0 个答案: