Question

我想使用javascript进行一种用户控制。

<div id="myDiv">
  <input type="text" id="myText" />
</div>

我希望在我的HTML标记中插入此div，无论我需要什么。目的是使其可以在我的HTML中的各个位置重用，并保持单点更改，如果我将来需要更改控件。我想有一个javascript函数。我可能需要最好的方法来使用jquery。

Answer 1

如果我做对了，你需要clone（）函数 Clone()

Answer 2

我认为你所追求的是新jQuery templates的合适人选。您可以找到a tutorial here，例如：

<script id="myTemplate" type="text/x-jquery-tmpl">
  <div id="myDiv${ID}">
    <input type="text" id="myText${ID}" />
  </div>  
</script>

然后在使用它时，它看起来像这样：

$("#myTemplate").tmpl([{ID: 1}]).appendTo("#something");

这只是一个示例，您的ID应该是唯一的，并且不会在页面的任何位置重复，即使是通过JavaScript附加它们也是如此。如果您希望重用模板，这是一种非常灵活的方法，如果您也传递数据则更是如此，例如：

<script id="myTemplate" type="text/x-jquery-tmpl">
  <div id="myDiv${ID}">
    <input type="text" id="myText${ID}" value="${Val}" />
  </div>  
</script>

只需将该属性添加到：

$("#myTemplate").tmpl([{ID: 1, Val: "Test"}]).appendTo("#something");

或者您可以将数组传递给.tmpl()以同时制作其中的许多内容，这是JSON响应等的结果。同样基于您的评论，是的，您也可以从外部获取模板档案，like this。

用户控件使用javascript

2 个答案: