2012-04-12 48 views
0

只要我說錯了話,就可以把它放在那裏,對於初學者來說,我在Javascript中的使用經驗不到4個小時。我想要做的是將一個變量添加到JavaScript中的預定義DIV的末尾。在Javascript函數內插入變量到DIV中

例如這裏是變量:

<?php 
    $n = rand(10e16, 10e20); 
    $x = base_convert($n, 10, 36); 
?> 

這裏是正在使用的變量:我現在有這個

<input type="button" name="osx<?php echo $x;?>" value="View" class="osx<?php echo $x;?>" id="osx<?php $x;?>"/> 

<div id="osx-modal-content<?php echo $x;?>" style="display:none"> 

在javascript函數:

jQuery(function ($) { 
var OSX = { 
    container: null, 
    init: function() { 
     $("[id^=osx").click(function (e) { 
      e.preventDefault(); 
      $("[id^=osx-modal-content]").modal({OPTIONS}); 

這:

open: function (d) { 
     var self = this; 
     self.container = d.container[0]; 
     d.overlay.fadeIn('slow', function() { 
      $("[id^=osx-modal-content]" + $x, self.container).show(); 

顯然開始並不是最好的解決方案。由於發生onclick事件時,會導致頁面上以osx-modal-content開頭的所有DIVS被激活。所以需要進行微調。

我怎麼會在變量添加到相應的JavaScript以它像....

$("osx" + $x).click(function (e) { 
$("#osx-modal-content" + $x).modal({OPTIONS}); 
$("#osx-modal-content" + $x, self.container).show(); 

這將例如假設$ X = 12345這樣的JavaScript將它讀成.....

$("osx12345")  etc.......... 
$("#osx-modal-content12345") etc....... 
$("#osx-modal-content12345", self.container etc....... 
+0

嗯,是的。你寫的東西應該可以工作。有什麼不工作? – idrumgood 2012-04-12 17:47:47

+0

代碼是否完全如何發佈它?由於你是第二個從最後一段中的點擊事件沒有在jquery選擇器## – mattytommo 2012-04-12 17:50:01

+0

對不起,我們認爲這將是足夠的信息。 javascript是不是與腳本中的代碼內聯,並在頁面加載時拉動,我猜?當我檢查Chrome時出現此錯誤:Uncaught ReferenceError:$ x未定義。你可以在http://stackoverflow.com/questions/10126931/bizarre-simplemodal-osx-actions-in-foreach-loop – 2012-04-12 17:59:49

回答

1
<script> 
var osx = "osx<?php echo $x;?>"; 
</script> 

然後你可以使用OSX的變量在您的jQuery選擇

+0

感謝您的答案站立,我不太確定我在哪裏實施這個?你會介意在這裏看代碼.... http://stackoverflow.com/questions/10126931/bizarre-simplemodal-osx-actions-in-foreach-loop – 2012-04-12 18:22:54

+0

你可以把它放在腳本標記,例如後你把變量x的值放在下面,你可以把代碼寫下來,然後你的javascript可以使用變量「osx」,總之,你需要把php的值放在javascript的變量上。 <?PHP的$ X = 「12345」;?> 現在你可以在JavaScript中訪問值 – SuperNoob 2012-04-19 02:32:13