2011-08-02 59 views
0

我在想我會把代碼從PHP中取出一個變量(用於編號類)並將其存儲在jQuery可以訪問的變量中?如何在JS中存儲PHP變量以便與jQuery一起使用?

下面是一個例子:

$(".object1-22").hover(function(e){ 
    $(".object2-22").show(); 
}, function(e) { 
    $(".object2-22").hide(); 
}); 

所以,在我的代碼,我有兩個對象。當你將鼠標懸停在object1的第22個實例上時,我只想要它只顯示顯示object2的第22個實例。

我該如何執行此任務?

+1

請參閱['wp_localize_script'](http://codex.wordpress.org/Function_Reference/wp_localize_script)。 – 2011-08-02 15:51:56

回答

2

如果您爲對象創建標識(「對象2的第22個實例」),請使用HTML標識,而不是CSS類。

我想你想同樣的行爲爲所有的對象,所以不要爲他們每個人編寫單獨的事件處理程序。使用一個共同的CSS類(object1object2)和各自的ID(object1-22object2-22

考慮

$(".object1").hover(function(e){ 
    $('#' + this.id.replace(/object1-/, 'object2-').show(); 
}, function(e) { 
    $('#' + this.id.replace(/object1-/, 'object2-').hide(); 
}); 

你甚至可以事先聯繫相關內容。

$(".object1") 
.each(function() { 
    this.partner = $(this.id.replace(/^object1-/, 'object2-')[0]; 
}) 
.hover(function() { 
    $(this.partner).show(); 
}, function() { 
    $(this.partner).hide(); 
}); 

話雖這麼說,這是對的StackOverflow問題,不幸的是我沒有足夠的代表在這裏旗它相應。

+0

我很抱歉在錯誤的地方張貼它。我認爲這會很好,因爲我在SE上搜索jQuery,這是第一個結果。我會在其他地方重新發布。 – bdrelling

+0

@Aerodynamo不介意重新發布,如果這個問題在這裏找到一些高級代表用戶的興趣,就會被遷移。 (另外,也許它比WP更多地涉及到,我只是在這裏意外。) – Tomalak

0

難道你只是回聲的JavaScript變量出到JavaScript?或者我誤解了你的問題?

jsVar = <?php echo $phpVar; ?> 
相關問題