2013-08-03 109 views
0

我有以下JavaScript函數,它在單個html文件上很好地工作。其他選項來觸發javascript功能

jQuery.noConflict(); 
jQuery(function() { 
    $('#focus-init').click(function() { 
     $('#map1').vectorMap('set', 'focus', 1, 0, 0); 
    }); 
}); 

當我嘗試將上述函數集成到我的WordPress主題中時,會出現此問題。看來,我瀏覽上述功能的任何其他頁面總是被調用,我不指望它發生。

由於#focus-init只存在於一個頁面上,我怎樣才能指定只有在找到元素ID時才能調用上述函數?

UPDATE

恐怕這個WordPress主題沒有頁面標題的概念,因爲任何其他的網頁有相同的標題標籤

+1

這段代碼也應加入到僅目標頁..不是每個頁面 –

回答

2
jQuery(function() { 
    if ($('#focus-init').length !== 0) { 
     $('#focus-init').click(function() { 
      $('#map1').vectorMap('set', 'focus', 1, 0, 0); 
     }); 
    } 
}); 
+1

我也建議使用'on'事件綁定。 '(click「,function(){',因爲當創建綁定時不需要該項存在DOM元素 – abc123

+0

@ abc123您喜歡該代表團,你是不是? – DevlshOne

+0

是的,它確實需要一個更新的jQuery版本,儘管這是否定的 – abc123