2013-03-28 64 views
0

我試圖運行WordPress站點的header.php文件裏面下面的腳本:在WordPress模板運行jQuery腳本

<script> 
    jQuery(function($) { 
     jQuery('[href=#membership]').attr('data-menu-top', '500'); 
    }); 
</script> 

當我運行:

jQuery('[href=#membership]').attr('data-menu-top', '500'); 

...在Firebug的控制檯中,它可以正常工作,但放置在header.php文件內的腳本塊中,它不會將屬性添加到錨點。我已經用完了想法。我試過將腳本塊移動到很多地方,包括footer.php在關閉body標籤之前,但似乎沒有任何工作。

- UPDATE - 我明白了。我認爲這是我修復的另一個插件的JQuery語法錯誤和不正確的目標定位的組合。

這是我的最後,工作代碼:

<script> 
     jQuery(function($) { 
      jQuery('#menu-item-14 a').attr('data-menu-top', '25'); 
      jQuery('#menu-item-11 a').attr('data-menu-top', '1300'); 
      jQuery('#menu-item-12 a').attr('data-menu-top', '500'); 
      jQuery('#menu-item-28 a').attr('data-menu-top', '500'); 
      jQuery('#menu-item-13 a').attr('data-menu-top', '500'); 
     }); 
    </script> 

我仍然從造型的角度得到正確的屬性修修補補,但它正確地顯示在源頭上去。

順便說一句,這是爲了追求在Wordpress中使用Skrollr庫的正確哈希導航。

+0

你入隊jQuery代碼到您的網頁或只是拍着那個''

0

剛剛嘗試使用:

jQuery(function($) { 
     $('[href=#membership]').attr('data-menu-top', '500'); 
    }); 
+0

我明白了。我認爲這個問題是另一個錯誤和不恰當的目標定位的結合。往上看 – phillipmaddox