Question

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

上面的图片展示了我想要的东西，

我正在使用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>

Answer 1

创建一个接受元素的字符串或id的函数。

示例：

function popWindow(elementID)
{

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

将其称为popWindow('#exampleSource');

jquery / javascript内容替换？如何重用

1 个答案: