Question

这个javascript和HTML有什么问题吗？我试图这样做，以便当点击其中一个.tagSuggestTag时，其值会被插入到<input>中，但由于某种原因，它什么也没做。

使用Javascript：

  $('.tagSuggestTag').click(
     function(){
       var currentTags = $('#testTags').val();
       var selectedTag = $(this).html();
       if (currentTags == "") {
           currentTags = selectedTag;
       } else {
           currentTags = currentTags + ", " + selectedTag;
       }
       $('#testTags').val(currentTags);
     });

HTML：

<input type="text" id="testTags">
<ul>
    <li class="tagSuggestTag">test</li>
    <li class="tagSuggestTag">test2</li>
    <li class="tagSuggestTag">test3</li>
</ul>

更新：在此处查看完整的HTML：http://pastebin.com/NyCz669u

我弄清楚出了什么问题，我没有说AJAX添加<ul>中的内容所以我忘记了我需要通过click来.live() < / p>

Answer 1

没有错，代码works just great。

确保将其包裹在$(document).ready：

中

$(function() {
    $('.tagSuggestTag').click(function() {
        var currentTags = $('#testTags').val();
        var selectedTag = $(this).html();
        if (currentTags == "") {
            currentTags = selectedTag;
        } else {
            currentTags = currentTags + ", " + selectedTag;
        }
        $('#testTags').val(currentTags);
    });
});

Answer 2

Chromedude：确保您正确导入jQuery。您的代码似乎有效，请看这里：

http://jsfiddle.net/UqkKY/

祝你好运，阿米特

Answer 3

错误必须在其他地方，您的代码效果很好：http://jsfiddle.net/C9WQ5/

Answer 4

您提供的JQuery代码似乎没有任何问题。你只需要包含$（document）.ready（）进行初始化。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">

    $(document).ready(function () {
        $('.tagSuggestTag').click(function () {
             var currentTags = $('#testTags').val();
             var selectedTag = $(this).html();
             if (currentTags == "") {
                 currentTags = selectedTag;
             } else {
                 currentTags = currentTags + ", " + selectedTag;
             }
             $('#testTags').val(currentTags);
        });
    });

</script>

此致 Junaid Mufti PioneeringDev

这个jQuery有什么问题吗？

4 个答案: