FancyBox Jquery Null Error - 奇怪的问题

时间:2013-07-31 17:55:42

标签: javascript jquery css3 fancybox

我遇到了一个非常奇怪的问题我希望有人可以回答(它有点广泛,但我会解释它最好),代码在打开时在本地页面上工作,但是一旦上传同一页面它会抛出一个错误。另外两个人也看了这个,导致更多的混乱。

我下载了FancyBox以使用内联功能通过href链接弹出用户表单,而不是将用户带到另一页。

你可以在这里看到“股票”花式框:

1 fancyapps.com/fancybox/demo 在各种选项下,Inline就是我正在使用的。

我不需要FancyBox附带的所有其他功能,所以我将页面剥离到以下,这很好用:

2 * Fancy Box Demo Stripped to Inline Feature only *

然后,我将此代码应用于页面的沙箱副本以实现:

3 * Sandbox Copy with Fancy Box inline feature added to "make offer" link *

停止工作!与页面上的其他javascript没有冲突,唯一的区别是它有几个颜色.css更改,所有.fancybox都被命名为.ptroffer,并且css代码不在页面上内联(这不会'无论如何都会导致此错误)。 在本地打开的同一页面工作得很漂亮 - 上传并抛出错误。 SCRIPT5007:无法获取属性'ptroffer'的值:object为null或undefined

    <script type="text/javascript">
    $(document).ready(function() {
        $('.ptroffer').ptroffer();
    });
</script>
  • 使用链接#2和本地链接#3正常工作,但上传#3会引发错误。

请!

1 个答案:

答案 0 :(得分:0)

代码中的某些内容覆盖$。如果你改变那个“就绪”处理程序来调用

jQuery('.ptroffer').ptroffer();

你不会得到那个错误。但是,事情可能无效;我认为旧版本的jQuery正在被某些东西导入(1.3!),这很糟糕。

编辑哦,我知道,有些东西正在推动Prototype。你有一个常规的剧本汤,事情将变得无法预测和奇怪,直到你理顺。可能某处某处正在调用jQuery.noConflict(),但您正在添加的“就绪”处理程序并未编写为期望。无论什么代码都期待jQuery 1.3也可能会出人意料。