2010-01-27 33 views
0

http://img163.imageshack.us/img163/6248/93306989.jpg的jQuery/JavaScript的內容更換?如何重複使用

上面顯示我想要的圖像,

我使用Facebox做彈出的內容,所以我怎樣才能使彈出內容動態?

<script type="text/javascript"> 
    $(function() { 
     $('.openExample').click(function() { 
      $.facebox($('#exampleSource').val()); 
      return false; 
     }); 
    }); 
</script> 

上面的代碼工作得很好,但如何編輯可重用?

<form> 
<textarea id="exampleSource" class="expand"> 
<html> 
<body> 

<h1>Heading</h1> 

<p>paragraph.</p> 

</body> 
</html> 
</textarea> 
<input type="Submit" value="Submit" class="openExample" /> 
<input type="reset" value="Reset" /> 
</form> 

回答

1

創建一個接受元素的字符串或id的函數。

例如:

function popWindow(elementID) 
{ 

    $('.openExample').click(function() { 
     $.facebox($(elementID).val()); 
     return false; 
    }); 
} 

這樣稱呼它popWindow('#exampleSource');

+0

作出這樣的'$( '#' + elementID)'。 – 2010-01-27 04:48:46

+0

呃...對不起即時通訊新的,不明白你的意思, 可以做一個完整的例子給我聽聽? – user259752 2010-01-27 05:07:01

+0

沒關係,我怎麼沒看到你調用它。也許改名'elementID'爲'selector'?因爲你沒有真正傳遞一個ID('exampleSource'),你傳遞一個實際的選擇,用''#符號。 – 2010-01-27 05:42:03