Question

我正在使用http://codecanyon.net/item/dynamic-tag-form/482498?sso?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=RikdeVos中的脚本。我的工作需要在一个页面中包含多个标记表单。我想显示三个带有不同ID的标记表单：tags1，tags2和tag3。

<div id="tags1"></div>
<div id="tags2"></div>
<div id="tags3"></div>

并从：

调用脚本

<script>
  $(document).ready(function(){
  $("#tags1").tag({
        width: 400,
        height: 90,
        inputName: 'tags1'
    });
});
 </script>

现在，如果我复制/粘贴脚本部分并将tags2替换为tags3，我该如何调用tags1和tags2我将获得该表单，但必须有更好的方法，如在脚本中将name作为变量传递。

Answer 1

通过遍历容器中的每个元素来浏览所有标记表单。

HTML：

<div class="tags-container">
    <div id="tags1"></div>
    <div id="tags2"></div>
    <div id="tags3"></div>
</div>

使用Javascript：

$(document).ready(function(){
    $(".tags-container div").each(function (index, element) {
        $(this).tag({
            width: 400,
            height: 90,
            inputName: $(this).attr('id')
        });
    });
});

单个页面上有多个标记表单

1 个答案: