添加「數據懸停」 WordPress的菜單項

我試圖找出一種方法來「數據懸停」添加到WordPress的我的菜單項，即：添加「數據懸停」 WordPress的菜單項

我要放置：

data-hover="ABOUT US"

到

<a href="#">ABOUT US</a>

而不能手動更改鏈接HTML本身，使之成爲：

<a href="#" data-hover="ABOUT US">ABOUT US</a>

但WordPress的瘋狂繁瑣的使用，我無法找到一種方法來實現這個沒有JavaScript。那麼有人可以給我一些關於如何做到這一點的想法嗎？

來源

2017-03-07 Leurus

我認爲js是票據，因爲你不想編輯WP核心。 –

添加到您的functions.php的主題

add_filter('nav_menu_link_attributes', 'add_custom_data_atts_to_nav', 10, 4); 
function add_custom_data_atts_to_nav($atts, $item, $args) { 

$atts['data-hover'] = $item->title; 
return $atts;}

希望這將幫助！

來源

2017-03-07 09:02:08

$(document).ready(function() { 
 
    $('a').each(function() { 
 
    $(this).attr('data-hover', $(this).text()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#">ABOUT US</a> 
 
<a href="#">FOO BAR</a>

但我強烈建議編輯實際的觀點而不是骯髒的解決方案。

來源

2017-03-07 08:11:16 Sojtin

你不是在開玩笑哈哈。它完全打破了我的滑塊和其他一些東西。任何其他想法？ – Leurus

這會將數據懸停添加到文檔中的每個錨點。並可以與其他JS功能發生衝突... @Leurus發生了什麼 –

@ thakur.B是的，這就是爲什麼我建議不要使用它，Leurus沒有提供更多的細節，比如想要的範圍的包裝容器，所以它在全球範圍內爲淘汰文件工作。 – Sojtin

添加「數據懸停」 WordPress的菜單項

回答

相關問題