2

我一直试图弄清楚为什么我会遇到这个问题并且无法弄清楚。我猜这与添加的库有关，但我是新手，花了 2 天时间尝试不同的东西。这里的问题是调用fancybox的函数，但每当我调用document.ready时就会发生这种情况。

这是代码：

<head>
<script type="text/javascript" src="public/scripts/jquery.min.js"></script>  <!-- 1.7.2 -->
<script src="public/scripts/applicat.js" type="text/javascript"></script>

<!--Add link fancybox-->
<script type="text/javascript" src="public/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" href="public/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript">
    $(document).ready(function() {
        $("#add-iframe").fancybox({
            'hideOnContentClick': true
        });
    });
</script></head>

<section id="top-comments" style="margin-top: 10px">
                <div class="left-side">
                    <p class="top-comment-title">Michigan</p>
                    <div class="top-comment-wrapper">
                        <div class="top-comment-header">
                            <span class="user-name">Andrew P.</span>
                            <div class="fix"></div>
                        </div>
                        <p class="top-comment-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer</p>
                    </div>
                </div>
                <div class="right-side">
                    <p class="top-comment-title">Notre Dame</p>
                    <div class="top-comment-wrapper">
                        <div class="top-comment-header dispute-comment">
                            <span class="user-name">Jenny S.</span>
                            <div class="fix"></div>
                        </div>
                        <p class="top-comment-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer</p>
                    </div>
                </div>
                <div class="fix"></div>
            </section>

            <!-- Articles -->
            <section id="top-resources" style="display:none; margin-top:10px">
                <a id="add-iframe" href="add-link.html" class="top-add-link">Add Link</a>
                <div class="left-side">
                    <p class="top-comment-title">Michigan</p>
                </div>
                <div class="right-side">
                    <p class="top-comment-title">Notre Dame</p>
                </div>
                <div class="fix"></div>
            </section>
        </div>

        <script type="text/javascript" charset="utf-8">
            jQuery().ready(function() { 
                jQuery("#discussion-sections > nav ul").tabs("#discussion-sections > section");
            });
        </script>

谢谢你的帮助！路易斯

4

2 回答 2

4

您以某种方式（在 appplicat.js 中）在 jQuery 库之后立即加载 Modernizr，因此$变量被重写。在“ noConflict ”模式下使用 jQuery，或使用 Modernizr 来加载 jQuery，如此处所述。

于 2012-06-15T00:02:26.183 回答
2

您没有成功引用 jQuery。

检查这个：

alert(typeof $ == "undefined");
alert(typeof jQuery == "undefined");

如果这些都是真的，那么 jQuery 没有加载到页面中。

改变：

<script type="text/javascript" src="public/scripts/jquery.min.js"></script>

到：

<script type="text/javascript" src="http://www.sofiaandluis.com/luis/public/scripts/jquery.min.js"></script>
于 2012-06-14T23:56:11.097 回答