jQuery代碼工作在測試但不在現場

所以我有以下代碼。jQuery代碼工作在測試但不在現場

<script src="http://jamesleist.com/wp-content/uploads/2013/01/js/jquery-1.7.2.min.js" type="text/javascript"></script> 
<script> 
    $(document).ready(function() { 
     $('.me').hide(); 
     $('.clickme').click(function() { 
      $(this).next('.me').animate({ 
       height: 'toggle' 
      }, 500); 
     }); 
    }); 
</script>  

<div class="clickme" style="background-color: #333333; color: #FFFFFF; padding: 10px; width: 200px; cursor:pointer;"> 
    Click here to toggle me in and out =) 
</div> 
<img class="me" src="http://www.randomsnippets.com/wp-content/uploads/2011/04/2.png" alt="It&#039;s me....ah!!!" title="Allen Liu" width="100" height="77" class="alignnone size-full wp-image-552" style="border: none;" /> 

<div class="clickme" style="background-color: #333333; color: #FFFFFF; padding: 10px; width: 200px; cursor:pointer;"> 
    Click here to toggle me in and out =) 
</div> 
<img class="me" src="http://www.randomsnippets.com/wp-content/uploads/2011/04/2.png" alt="It&#039;s me....ah!!!" title="Allen Liu" width="100" height="77" class="alignnone size-full wp-image-552" style="border: none;" />

自身運行時，它工作正常，但是當我執行到主網站這樣它不工作。

你可以看到我試圖在下面的URL中實現它。

http://jamesleist.com/portfolio

:-(我使用Wordpress的方式和jQuery鏈接到header.php文件這實在是困惑我。

我假定這是一個問題與WordPress？

提前感謝您的幫助。

來源

2013-03-10 AppleTattooGuy

.me不是下一個元素，下一個元件是包含圖像的段落？

$(document).ready(function() { 
    $('.me').hide(); 
    $('.clickme').on('click', function() { 
     $(this).next('p').find('.me').animate({ 
      height: 'toggle' 
     }, 500); 
    }); 
});

來源

2013-03-10 20:27:42 adeneo

我錯過了什麼嗎？我沒有在他的代碼中看到任何段落標記... – 2013-03-10 20:30:29

@AdamPlocher - 不，但在沒有工作的網站上，問題在於圖片周圍的段落！ – adeneo 2013-03-10 20:32:14

啊！有道理，謝謝！ – 2013-03-10 20:32:35

你img標籤有兩個0123定義了屬性。我不確定這是否是100％的原因，但這一定應該得到解決。

像這樣：

<img class="me alignnone size-full wp-image-552" src="http://www.randomsnippets.com/wp-content/uploads/2011/04/2.png" alt="It&#039;s me....ah!!!" title="Allen Liu" width="100" height="77" style="border: none;" />

來源

2013-03-10 20:26:34

您的圖片有'班'定義兩次，你不能這樣做。您需要將所有類包括'我'類包含在一個由空格分隔的類聲明中。一個簡單的運行通過validator顯示錯誤非常清楚。

我還會考慮將腳本內部和外部移動到頁面底部，以便dom不會等待它們加載。將所有內聯樣式移動到樣式表中也是一個好主意，因此您的代碼更易於閱讀和調試。

來源

2013-03-10 20:32:13

jQuery代碼工作在測試但不在現場

回答

相關問題