javascript - JQuery 插件是否应该负责创建新的 HTML？

Question

当您的 JQuery 插件需要 HTML 元素时，我不太确定最佳(或最常见的做法)是什么。例如(虽然是人为设计的)，如果您需要一个微调器(自动收报机)插件，您将在其中有一个包含数字的文本框，并且在框的左侧有一个向上和向下箭头。单击向上箭头时，值会增加，单击向下箭头时，值会减少。

我看到一些 JQuery 插件，尤其是 JQuery UI 小部件，它们希望您提供所有 html 并为它们提供特殊类。

对于微调器，您是否只需要输入标签，然后在 JQuery 插件中生成 HTML 来呈现向上和向下按钮？

也许更好的例子是创建分页数据网格。分页按钮(First、Last、Previous、Next、Page 1、Page 2...)是否由插件生成，或者插件的用户是否应该创建具有特殊类的 HTML。

Answer 1

你应该看看jqGrid .它会生成大量 HTML，但会留下 <table>和 pager元素由你决定。然后它显然附加到这些元素。但它也为这些元素创建 sibling 和容器。

例如，

<!-- index.html -->
<table id="mygrid"></table>
<div id="pager"></div>

// main.js
$('#mygrid').jqGrid({pager: '#pager', ...});

jqGrid 不仅附加到#mygrid 和#pager，而且还创建新的兄弟和容器。

<div id="gbox_mygrid">
   <div class="ui-jqgrid-view">
      <table id="mygrid"><!-- rows --></table>
   </div>
   <div id="#pager"><!-- stuff --> <?div>
</div>

因此，您看到 jqGrid 做了它必须做的事情，才能很好地工作。我认为这取决于插件的需求。