Question

大家好我有这个问题而且真的不知道如何解决它：我正在使用Textext工具到我的网站，我在textarea中输入我的所有标签，但是当我需要标签时，我无法在这里找到它们是我的代码：

html代码：

select * from STUDENT;
+-----------+------------+
| StudentID | Password   |
+-----------+------------+
|  12345678 | OpenSesame |
|  87654321 | Ok also    |
+-----------+------------+

这是我的textext jquery代码：

<textarea id="tagsa" rows="1" cols="70" style="color: black;"   placeholder="Add Your Article Tags.. Max=7" ></textarea>

我试过这个：

 function checkLength() {
            if ($("#tagsa").next().children().length < 7) {
                return true;
            }
            return false;
        }

$('#tagsa').textext({
    plugins: ' prompt  autocomplete ajax arrow clear  suggestions tags',
    prompt: 'Add one...',
    ajax: {
        url: '../data.json',
        dataType: 'json',
        cacheResults: true
    },
    tagsItems: eval(get_suggestion()),
    //eval(get_suggestion()),
    ext: {
        tags: {

            addTags: function (tags) {

                if (checkLength()) {
                    $.fn.textext.TextExtTags.prototype.addTags.apply(this, arguments);
                }

                else
                    alert("Only 7 Tags Allowed");

            }
        }
    }
}).bind('tagClick', function (e, tag, value, callback) {
    var url = "Finder.aspx?tag=" + value;
    window.location = url;
}).bind('isTagAllowed', function (e, data) {
    var formData = $(e.target).textext()[0].tags()._formData,
        list = eval(formData);

    // duplicate checking
    if (formData.length && list.indexOf(data.tag) >= 0) {

        data.result = false;
    }
});

但它没有显示内部文本/标签

任何人都可以帮助我吗？

Answer 1

我在插件的文档中找不到这个操作，但是在深入研究代码后我找到了一种方法。

$('#textarea').textext({
  plugins: 'tags',
  tagsItems: [ 
    'PHP', 'Closure', 'Java' 
  ]
});

$('#btn').click(function(){
  var tags = $('#textarea').textext()[0].tags()._formData;
  
  $('#result').html(JSON.stringify(tags));
});

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-textext/1.3.0/jquery.textext.min.js"></script>

<textarea id="textarea"></textarea><br />
<button id="btn">Show Tags</button>
<hr />
<pre id="result"></pre>

http://jsbin.com/joquga

Answer 2

你确定你指的是正确的元素吗？我只是在我的本地机器上尝试了你的例子，我得到了所有的内部标签就好了。

在javascript中获取textext标签？

2 个答案: