jquery - 如何使用标签-6ren

jquery - 如何使用标签

转载作者：行者123 更新时间：2023-12-01 02:58:55

26

4

我正在使用 tagit 库 here我创建了工作正常的 tagit，并创建了数组，如下所示:

    $("#name).tagit({
    itemName: "teamId",
    fieldName: "teamName",
    availableTags: array,
    allowSpaces:true,
    caseSensitive:false,
    removeConfirmation:true,
    placeholderText:"Tag Group..."
     });

           var a =["1","2","3","4"];

使用标签时，可以正确选择所有选项......我希望在选择任何选项之前标签“4”必须显示为默认选择，我该怎么做......

其他信息:

源代码中有一个选项可用于创建新标签

       $("#myTags").tagit("createTag", "my-tag");

它对我来说也不起作用......

最佳答案

如果我理解您的问题，有几个 JavaScript 错误可能会阻止您看到您期望看到的内容。

在使用数组之前定义它。其次，引用的数组被命名为“array”，而定义的数组为“a”。
"#name --> 这里缺少结束引号。
$("#myTags").tagit("createTag", "my-tag"); 在 ul 的 id 之前不起作用当您尝试在 myTags 上使用 createTag 时， 是 'name'。

对于您的第一个问题，您可以使用以下之一:

(1和2可能没有充分利用tagit库的潜力。)

1) 已使用元素“4”初始化您的列表。你的 html 中类似这样的内容:

<ul id="name">
   <li>4</li>
</ul>

2) 创建 html 中已有的元素“4”。

var array = ["1", "2", "3", "4"];
$('#name').append('<li>' + array[3] +'</li>');

3) 使用 createTag : $("#name").tagit("createTag", "4");

完整的工作示例，包含使用的所有选项:

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/tag-it.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#myTags").tagit();

        var array = ["1", "2", "3", "4"];
        $('#name').append('<li>' + array[3] +'</li>'); //Using Option 2
        $("#name").tagit({
            itemName: "teamId",
            fieldName: "teamName",
            availableTags: array,
            allowSpaces:true,
            caseSensitive:false,
            removeConfirmation:true,
            placeholderText:"Tag Group..."
        });
        $("#name").tagit("createTag", "NewTag");  //Using option 3
    });
</script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css">
<link href="css/jquery.tagit.css" rel="stylesheet" type="text/css">
</head>
<body>
    <ul id="name">
       <li>0</li>  <!-- Using option 1 -->
    </ul>
</body>
</html>

关于jquery - 如何使用标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14022016/

26

4

0

文章推荐： jquery - 在 jQuery 中获取表值

文章推荐： php - 使用 jQuery 阻止表单提交

文章推荐： iis-7 - IIS7 中的 ApplicationPoolIdentity 401 错误

首页

博学

6Ren·AI

商城

jquery - 如何使用标签

标签)？
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？是吗 stackoverflow 或 stackoverflow 谢谢最佳答案根据网络标准，您不能将 block 元素放入内

首页

博学

6Ren·AI

商城

jquery - 如何使用标签

标签)？ 根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？ 是吗 stackoverflow 或 stackoverflow 谢谢 最佳答案 根据网络标准，您不能将 block 元素放入内

标签)？
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？是吗 stackoverflow 或 stackoverflow 谢谢最佳答案根据网络标准，您不能将 block 元素放入内