互相追加两次

Question

我有自动完成此输入搜索。 它将图像加标签附加到列表中的ul，效果很好。 但我也想将图像仅附加到名为wrapper的div中。 我是这个的开端，您可以将两个不同的附加字符接在一起吗？

这是我的代码：

    <body>
        <div class="wrapper"
            <div id="project-label">Select:</div>
            <img id="project-icon" src="images/transparent_1x1.png" class="ui-state-default" alt="">

            <input id="project">
            <input type="hidden" id="project-id" value="flower">
            <p id="project-description"></p>

        </wrapper> 
</body>

<script>
     $(function () {
       var projects = [
            {
                value: "Flower",
                label: "Flower",
                desc: "Beautiful flowers",
                icon: "flower.jpeg"
            },
            {
                value: "Rose",
                label: "R",
                desc: "roses are red violets are blue",
                icon: "rose.jpg"
            },
            {
                value: "Tulip",
                label: "tulip",
                desc: "lalala",
                icon: "tulip.jpg"
            }
        ];

        $( "#project" ).autocomplete({
          minLength: 1,
          source: projects,
          focus: function( event, ui ) {
            $( "#project" ).val( ui.item.label );
            return false;
          },
          select: function( event, ui ) {
            $( "#project" ).val( ui.item.label );
            $( "#project-id" ).val( ui.item.value );
            $( "#project-description" ).html( ui.item.desc );
            $( "#project-icon" ).attr( "src", "img/" + ui.item.icon );

            return false;
          }
        })
        .autocomplete( "instance" )._renderItem = function( ul, item ) {
          return $( "<li>" )

          .append("<a><img src='img/" + item.icon + "' />" + item.label + "</a>")
            .appendTo(ul)

</script>

所以我想要在第一个这样的后面添加另一个附加：

  .autocomplete( "instance" )._renderItem = function( ul, item ) {
          return $( "<li>" )
    .append("<a><img src='img/" + item.icon + "' />" + item.label + "</a>")
            .appendTo(ul)

.append("<a><img src='img/" + item.icon + "' />" + "</a>")
        .appendTo(".wrapper")

这显然不起作用，但是您可以对其进行修改以使其起作用吗？

Answer 1

如果您想为一项输入两个条目，则建议在_renderItem函数中使用这一行：

return $("<li><a><img src='img/" + item.icon + "' />" + item.label + "</a></li><li><a><img src='img/" + item.icon + "' />" + "</a></li>").appendTo(ul);

互相追加两次

问题描述

1 个解决方案

解决方案1
0 2015-03-26 18:30:58

互相追加两次

问题描述

1 个解决方案

解决方案1 0 2015-03-26 18:30:58

解决方案1
0 2015-03-26 18:30:58