Question

嗨〜请原谅我的无知，我是YUI3的新手。我想在每个输入文本框中创建一个清除按钮。所以我的尝试是创建一个div并附加到每个输入文本。但是我的尝试失败了。

请在下面尝试的代码中提供您的指导..

提前致谢！

YUI().use("node", function(Y) {
     Y.all('input[type=text]').each(function(node) {

         var outerDiv = Y.Node.create('<div class="clrInput">X</div>');
          outerDiv.setStyles({
                position:  absolute,
                left: node.get('offsetLeft')+this.get('width')-10,
                top: node.get('offsetTop'),
                width:node.get('width'),
                height:node.get('height')
        })

         node.appendTo(outerDiv);
      });
   });

Answer 1

您没有看到任何内容的原因是outerDiv永远不会成为DOM的一部分。它已创建，input节点为append，但outerDiv本身从未添加到DOM中。

node.appendTo(outerDiv);
Y.one('body').append(outerDiv);

应该解决这个问题。查看your script with that line added。

YUI在每个输入中创建div [type = text]

1 个答案: