腳本在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中可以正常工作，但不在站點上

回答

相關問題