2012-01-09 48 views
0

它的Wordpress網站,我根據我的客戶要求做了大量的定製,現在我只是遇到了一個問題。我已經使用jquery來爲我的側邊欄部分中的選項卡制定UI的工作很好。我使用下面的代碼tabify ..如何檢測我下面描述的情況下的jquery錯誤?

<script type="text/javascript"> 
     // <![CDATA[    
     $(document).ready(function() { 
      $('#menu').tabify(); 
      $('#menu2').tabify(); 
     }); 
     // ]]> 

但是,當我安裝了「簡單的燈箱插件」爲畫廊部分出現的問題。此標籤部分停止工作。不僅使用這個插件,我嘗試了幾個插件,但我在這個標籤中遇到了問題。 :( 我沒有太多的知識,jQuery和現在很無奈。任何人都可以請幫助我的情況。

回答

0
  1. 安裝螢火蟲並觀察是否有任何錯誤顯示。
  2. 嘗試扭轉這兩個調用的順序。畫廊插件
+0

感謝您的回覆。我已經安裝了firebug,並且試圖使用它進行調試。但是,我沒有嘗試顛倒函數調用的順序。這幫助了我。現在兩者都正常工作。萬分感謝。 :) – Rahul 2012-01-10 05:35:06

+0

沒問題。我猜測其中一個是通過實際的代碼或者它正在做什麼來操縱dom而與另一個衝突。 – hcker2000 2012-01-11 17:20:26

0

你不應該使用$(document).ready()處理WordPress的插件/插件功能後,這樣稱呼tabify。WordPress的有據可查的插件API 。你基本上在PHP中編寫一個服務器端函數,把它放在plugins文件夾中,然後告訴Wordpress activa如何和在哪裏你的插件,例如`ADD_ACTION( 'the_content', 'yourFunction中');」

取決於您希望代碼執行的位置。然後你通過管理界面激活你的插件。

根據您的描述,你想要的東西,如:

<?php 
/** 
* @package Tabify 
* @version 1.0 
*/ 
/* 
Plugin Name: Tabify 
Plugin URI: http://documented.here 
Description: Adds cool Tabby things 
Author: hcker 
Version: 1.0 
Author URI: http://my.website 
*/ 

add_action('after_setup_theme', 'doTabbyStuff'); 

function doTabbyStuff() { 
    $('#menu').tabify(); 
    $('#menu2').tabify(); 
} 
?> 

WordPress插件API是在這裏:

http://codex.wordpress.org/Plugin_API