脚本在JSfiddle中可以正常工作，但不在站点上

我正在研究在单击图像时显示/隐藏div的功能，以及在页面加载时随机显示div的功能。我不太确定它为什么在测试区域（JSfiddle）中有效，但不是在我将其实施到网站时。脚本在JSfiddle中可以正常工作，但不在站点上

下面的链接小提琴：http://jsfiddle.net/JmVUx/17/

，这里是我工作的一个演示，网站：http://sjdunham.com/test/yzn/

我缺少的东西？不太确定这两者之间的区别。我试过剥去其他脚本的其他引用，但仍然没有去。我在检查员的演示网站上看不到任何错误。过去4个小时我一直盯着这个，我不知道是什么原因导致了这个问题。

来源

2012-07-27 ultraloveninja

尝试在该脚本标记中添加'type =“text/javascript”' – 2012-07-27 19:03:57

$（'。hider：visible'）'返回'[]'在站点中。 – 2012-07-27 19:04:20

尝试在站点中运行时console.log（randomIndex）;'始终打印1。 – axcdnt 2012-07-27 19:10:30

您在网站上有其他<a>元素。改为使用$("a.control")，并使用.eq代替$($(...).get(x))。

来源

2012-07-27 19:07:10 pimvdb

DAP！这是a.control。而且应该是： var field = .eq.data（'field'）; – ultraloveninja 2012-07-27 19:13:12

我检查你的两个代码，看看有什么东西顺利不同：

var randomIndex = Math.floor((Math.random() * 100) + 1)%2; // Site version 
var randomIndex = Math.floor((Math.random() * 100)+ 1)%3; // jsFiddle version

检查一切了一次。也许你会得到答案。这两个实现应该是随机的，但它可能不够随机。我的意思是：它可能会导致很多相同的randomIndex，因此加载页面时无法检查差异。

来源

2012-07-27 19:14:33 axcdnt

哦，废话。是的，我忘了调整网站版本。总体而言，将有5个项目随机化，所以我知道我必须将其更改为5. – ultraloveninja 2012-07-27 19:21:59

您正在使用Cufon font之后被刷新正在使用Cufon font需要dom任何改变就可以使用Cufon.refresh();所以加入这一行最后你的代码的影响，即

// other code 
$('#' + field + '-gallery, #' + field + '-tag').fadeIn("slow"); 
Cufon.refresh(); // without this line your dom won't refresh (only for cufon font)

您的所有内容

在替换p与cufon像下面的代码由于Cufon.replace(...)

<p> 
    <cufon class="cufon cufon-canvas" alt="In " style="width: 20px; height: 16px; "> 
     <canvas width="33" height="16" style="width: 33px; height: 16px; top: 0px; left: 0px; "></canvas> 
     <cufontext>In </cufontext> 
    </cufon> 
    <cufon class="cufon cufon-canvas" alt="today's " style="width: 65px; height: 16px; "> 
     <canvas width="78" height="16" style="width: 78px; height: 16px; top: 0px; left: 0px; "></canvas> 
     <cufontext>today's </cufontext> 
    </cufon> 
    .... 
</p>

Another answer on so。

来源

2012-07-27 19:20:56

是的，我现在已经遇到了这个问题。似乎在页面重新加载时打破画廊，并且您点击其中一幅图像以显示其他画廊。 – ultraloveninja 2012-07-27 19:45:37

脚本在JSfiddle中可以正常工作，但不在站点上

回答

相关问题