jQuery：無法用IMG取代LI.after

從this answer起，我試圖在Wordpress網站上用IMG取代<LI>Logo</LI>，請參閱：Jsfiddle。jQuery：無法用IMG取代LI.after

但是，替換沒有發生。

幫助讚賞。

HTML：

<ul id="menu-header-menu" class="genesis-nav-menu"><li id="menu-item-104" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-11 current_page_item menu-item-104"><a href="http://vmpersonal.com/" itemprop="url">Home</a></li> 
<li id="menu-item-109" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-109"><a href="/shop" itemprop="url">Products &amp; Services</a></li> 
<li id="menu-item-105" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-105"><a href="http://vmpersonal.com/blog/" itemprop="url">Blog</a></li> 
<li id="menu-item-110" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-110"><a href="/" itemprop="url">Logo</a></li> 
<li id="menu-item-106" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-106"><a href="http://vmpersonal.com/success-stories/" itemprop="url">Success Stories</a></li> 
<li id="menu-item-107" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-107"><a href="http://vmpersonal.com/about/" itemprop="url">About</a></li> 
<li id="menu-item-108" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-108"><a href="http://vmpersonal.com/contact/" itemprop="url">Contact</a></li> 
</ul>

的jQuery：

jQuery(document).ready(function() { 
     jQuery("ul#menu-header-menu").find("li:contains('Logo')").hide(); // hides home from navigation 
     jQuery("ul#menu-header-menu").find("li:contains('Logo')").after('<img src="http://vmpersonal.com/wp-content/uploads/2017/02/Logo-1.png" width="124px" />'); 
    });

來源

2017-02-24 Steve

你在控制檯中得到任何錯誤？ – user3378165

@ user3378165謝謝，是的，'Uncaught TypeError：$不是函數'。我以爲jQuery在使用Wordpress時需要'$'而不是'jQuery'？ – Steve

@Steve您錯過了原始代碼中的jQuery庫 –

它看起來像你錯過了jquery庫，包括它，它應該工作。

一般來說，當您在Wordpress中入隊jQuery時，您必須使用jQuery，並且不使用$（這是爲了與其他庫兼容）。

你可能會來包裝這個功能的腳本：（可根據您的意見，您使用WordPress）

(function($){ 

    // jQuery code is in here 

})(jQuery);

來源

2017-02-24 07:20:40 user3378165

非常感謝:) – Steve

是的，謝謝，不得不等待接受答案。 – Steve

你缺少的jQuery。只需在HTML中包含一個腳本標記，你應該沒問題。

來源

2017-02-24 07:20:32

jQuery：無法用IMG取代LI.after

回答

相關問題