Javascript 输入未正确填充

Javascript 输入未正确填充,javascript,jquery,Javascript,Jquery,单击图像时,我可以填写URL的第一个输入 当我添加一个新的输入并单击图像时,URL会显示在按钮add上,而不是在带有焦点的输入中 var输入='Nome:'; $(“输入[name='add']”)。单击(函数(e){ $('#inputs_add')。追加(input); }); $('#inputs_add')。委托('a','click',函数(e){ e、 预防默认值(); $(this.parent('label').remove(); }); var=null; $(“输入”)。关

单击图像时,我可以填写URL的第一个输入

当我添加一个新的输入并单击图像时,URL会显示在按钮add上,而不是在带有焦点的输入中

var输入='Nome:
'; $(“输入[name='add']”)。单击(函数(e){ $('#inputs_add')。追加(input); }); $('#inputs_add')。委托('a','click',函数(e){ e、 预防默认值(); $(this.parent('label').remove(); }); var=null; $(“输入”)。关于(“焦点”,函数(){ 重点=$(本); }) $(“img”)。单击(函数(){ if(聚焦长度) focused.val($(this.attr(“src”)); })
使用固定输入,我可以正常工作:


请与代表一起尝试,如下所示:

var input = '<label>Nome: <input type="text" name="images[]" /> <a href="#" class="remove">X</a></label></br>';

    $("input[name='add']").click(function( e ){
        $('#inputs_add').append( input );
    });

    $('#inputs_add').delegate('a','click',function( e ){
        e.preventDefault();
        $( this ).parent('label').remove();
    });


var focused = null;

$(document).delegate("input", "focus", function() {
  focused = this;
  console.log(focused);
});

$("img").click(function() {
  if ($(focused).length)
  $(focused).val($(this).attr("src"));
});
var输入='Nome:
'; $(“输入[name='add']”)。单击(函数(e){ $('#inputs_add')。追加(input); }); $('#inputs_add')。委托('a','click',函数(e){ e、 预防默认值(); $(this.parent('label').remove(); }); var=null; $(文档).delegate(“输入”,“焦点”,函数()){ 聚焦=这个; console.log(聚焦); }); $(“img”)。单击(函数(){ 如果($(聚焦).length) $(聚焦).val($(this.attr(“src”)); });
请与代表一起尝试,如下所示:

var input = '<label>Nome: <input type="text" name="images[]" /> <a href="#" class="remove">X</a></label></br>';

    $("input[name='add']").click(function( e ){
        $('#inputs_add').append( input );
    });

    $('#inputs_add').delegate('a','click',function( e ){
        e.preventDefault();
        $( this ).parent('label').remove();
    });


var focused = null;

$(document).delegate("input", "focus", function() {
  focused = this;
  console.log(focused);
});

$("img").click(function() {
  if ($(focused).length)
  $(focused).val($(this).attr("src"));
});
var输入='Nome:
'; $(“输入[name='add']”)。单击(函数(e){ $('#inputs_add')。追加(input); }); $('#inputs_add')。委托('a','click',函数(e){ e、 预防默认值(); $(this.parent('label').remove(); }); var=null; $(文档).delegate(“输入”,“焦点”,函数()){ 聚焦=这个; console.log(聚焦); }); $(“img”)。单击(函数(){ 如果($(聚焦).length) $(聚焦).val($(this.attr(“src”)); });
由于您正在创建动态控件,因此未正确添加链接

$("input").on("focus", function() {
  focused = $(this);
})
上述代码正在运行并正确绑定到字段集中的第一个输入

您需要在包含子输入的父字段集上用委托替换此代码,以便注册动态控件

$("fieldset").delegate("input", "focusin", function() {
  focused = $(this);
})
这是一个我认为是预期行为的工作摆弄


由于您正在创建动态控件,因此未正确添加链接

$("input").on("focus", function() {
  focused = $(this);
})
上述代码正在运行并正确绑定到字段集中的第一个输入

您需要在包含子输入的父字段集上用委托替换此代码,以便注册动态控件

$("fieldset").delegate("input", "focusin", function() {
  focused = $(this);
})
这是一个我认为是预期行为的工作摆弄

可能的重复注意“从jQuery 1.7开始,已被方法取代”。注意“从jQuery 1.7开始,已被方法取代。”