jquery wordpress模板路徑

需要一些jQuery的幫助。我是一個noob jQuery明智的一點。jquery wordpress模板路徑

我得到了我的VAR template_dir模板：

$('#someID').click(function() { 
    var templateDir = '<?php bloginfo("template_directory") ?>'; 
    if(autoStart) { 
     $(this).html('<img src=" 'TEMPLATEDIR HERE' /images/pauze-play.png" />'); 
    } else { 
     $(this).html('<img src=" 'TEMPLATEDIR HERE' /images/pauze-play.png" />'); 
    } 
    autoStart = !autoStart; 
    $('#mainSlider.royalSlider').royalSlider('toggleAutoPlay'); 
});

我做了一些計算器搜索，試圖弄明白，但我做什麼，它不工作，由於缺乏技能，但我覺得這是非常簡單的。

以爲是這樣的：

<img src=" 'templateDir +' /images/pauze-play.png" />'

但是，沒有...提前

感謝

/保羅

來源

2013-07-31 Kortschot

你正在嘗試在客戶端javascript中包含serverside技術。這是行不通的。 – Tdelang

所以http://stackoverflow.com/questions/2856600/path-to-wordpress-template-directory-inside-jquery是不好的做法？ – Kortschot

代碼danyo郵政將正常工作，但沿途你選擇了與定義TEMPLATEDIR JavaScript變數您將擁有：

$(this).html('<img src="' + templateDir + '/images/pauze-play.png" />');

注意：「'和'/之間沒有空格。這可能是你出錯的地方。

您也可以將templateDir聲明爲全局變量。所以你應該有：

var templateDir = '<?php bloginfo("template_directory"); ?>'; 
jQuery('.selector').click(function(){ ...

來源

2013-07-31 09:20:40

是的，謝謝你，真棒！ – Kortschot

也許你可以把變量放到一個隱藏的跨度，放置在某處與PHP，如下所示：
<span class='hidden mythemepath'>yourtheme</span>，那麼你可以用javascript捕獲它：
var mytheme = $(".mythemepath").text();

來源

2013-07-31 09:05:17

讓它變得複雜。我不明白爲什麼你是不是在javascript中調用圖像時將模板目錄分配給var？

下面將正常工作：

<img src="<?php bloginfo("template_directory") ?>/images/pauze-play.png" />

編輯

<script> 
$('#someID').click(function() { 
    if(autoStart) { 
     $(this).html('<img src="<?php bloginfo("template_directory") ?>/images/pauze-play.png" />'); 
    } else { 
     $(this).html('<img src="<?php bloginfo("template_directory") ?>/images/pauze-play.png" />'); 
    } 
    autoStart = !autoStart; 
    $('#mainSlider.royalSlider').royalSlider('toggleAutoPlay'); 
}); 
</script>

來源

2013-07-31 09:13:48 danyo

那麼它需要將圖像從暫停狀態切換到播放狀態。您提供的代碼已準備好在模板文件中使用。 – Kortschot

那麼爲什麼不這樣做abobe，我已編輯我的答案 – danyo

jquery wordpress模板路徑

回答

相關問題