jQuery / JavaScript内容替换？如何可重用

Question

http://img163.imageshack.us/img163/6248/93306989.jpg http://img163.imageshack.us/img163/6248/93306989.jpg

the images above show what i want, 上面的图片显示了我想要的，

i'm using Facebox to do the pop up content,so how can i make the pop up content dynamic? 我正在使用Facebox制作弹出内容，那么如何使弹出内容动态化？

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

the code above work just fine,but how can edit to reusable??? 上面的代码工作正常，但是如何编辑才能重用？

<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>

Answer 1

Create a function that accepts string or id of the element. 创建一个接受元素的字符串或id的函数。

example: 例：

function popWindow(elementID)
{

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

call it like this popWindow('#exampleSource'); 这样称呼它popWindow('#exampleSource');

jQuery / JavaScript内容替换？如何可重用

问题描述

1 个解决方案

解决方案1
1 已采纳 2010-01-27 04:46:58

jQuery / JavaScript内容替换？如何可重用

问题描述

1 个解决方案

解决方案1 1 已采纳 2010-01-27 04:46:58

解决方案1
1 已采纳 2010-01-27 04:46:58