Question

我在button.html

文件中有这段代码

 <button class="add_button">Add button</button>

单击调用文件button.js中的此函数并创建一个按钮

$(function(){
    var max_button      = 100; //maximum input boxes allowed
    var wrapper         = $(".light_ponte"); //button wrapper
    var add_button      = $(".add_button"); //Add button on ID

    var i = 1;
    var x = 1; //initlal button count

    $(add_button).click(function(e){ //on add input button click
        e.preventDefault();

        if(x < max_button){ //max button create
            x++; //button increment
            i++;

            $(wrapper).append(' `<div class="checkbut"> <li> <input class="box" type="text" name="mytext" id="mytext" maxlength="15"> <label class="checkboxControl"> <input type="checkbox" value="i" /> <div>OI</div><b></b> <span class="indicator"></span> </label> <a href="#" class="remove_button">X</a> </li> </div>`'); //add button

        }
    });
});

此按钮，但必须创建index.html。也就是说，通过单击文件button.html中的添加按钮，可以在index.html文件中创建一个按钮。

有办法吗？

Answer 1

如果我理解你想做什么，请查看以下plunker。

使用jQuery load方法，您可以加载如下的html文件：

$(function() {
  $('body' ).load( "button_template.html" , function() {
    // called after button_template is loaded and added to the body
    button_handler();
  });
});

然后，您需要在onload回调中附加按钮的单击处理程序，以便能够单击新加载的按钮。这就是button_handler()所做的。

Answer 2

在文件index.html中有一个主屏幕，有几个div。在屏幕上有设置按钮。当我点击设置时，我移动文件button.html，我有“add_button”。当我点击“add_button”时，必须在特定div中生成一个按钮，该按钮位于index.html中。

从button.html添加按钮到index.html

2 个答案: