Question

美好的一天，我的脚本出了问题。我想做一个动态的领域。请先检查我的脚本

     $(document).ready(function() {
        var max_fields      = 10;
        var wrapperss         = $(".wrappers");
        var add_button      = $(".btn");
        var x = 1;
        $(add_button).click(function(e){
            e.preventDefault();
            if(x < max_fields){
                x++; 
                $(wrapperss).append('<div><input type="text" name="nama[]"/><a href="#" class="hapus">Hapus</a></div>'); 
            }
        });
        
        $(wrapperss).on("click",".hapus", function(e){
            e.preventDefault(); $(this).parent('div').remove(); x--;
        })
    });

<button class="btn">Tambah baris</button>
       <?php echo form_open('inputbanyak/save'); ?>
       <div class="wrappers">
        <div><input type="text" name="nama[]"></div>
    
    </div>   
     <input type='submit' class='button'>
       <?php echo form_close(); ?>

顺便说一下，我正在使用bootstrap。当我按Tambah baris时没有任何改变。

Answer 1

多个类选择器错误，请删除空格并添加.：

var add_button = $(".btn.tmbh");//$(".btn tmbh");

此外，您只能使用1个css类（btn或tmbh）来定位您的按钮以进行操作，您不需要这两个。

还有一个拼写错误：

var wrapperss = $(".wrappers");//$(".wrapperss");

Answer 2

当然他们不会首先要注意的是你的css类命名。这是你的css课，“btn tmbh”。

<button class="btn tmbh">

在css中，这意味着你使用的是2个css类，第一个是btn类，第二个是tmbh类。但是，尽管你通过这种方式使用那些css类，但你仍然在你的jquery路径中为这段代码犯了一些错误

var add_button      = $(".btn tmbh");

我真的不知道你想尝试什么，但我猜你想要什么。开始了... 可能你想定义你的按钮类屁股“.btn_tmbh”然后你在你的jquery代码中调用那个css类

varr add_button = $(".btn_tmbh")

但是如果你想将你的css类视为2个不同的类，它将作为复合标识符（通过使用2个不同的css类，我不知道你是如何使用它的，而不是使用类作为标识符，我认为更好的方法是使用id），你需要的就是使用这样的css路径。

假设我们有两个不同的类“.btn”和“tmbh”并且有两个不同的元素。我们需要像这样定义我们的css类路径

$(".btn > .tmbh")

更精确的css路径就像这样

$("<your-element-type>.btn > <your-element-type>.tmbh>")

如果要在同一个元素中使用两个不同的类，可以使用此类路径格式

.class1.class2

可以是很多东西，比如button，input，div，ul，li，table，tr，td和其他html标签。

因此，我认为您需要了解有关css路径的更多信息，而不是仅仅搜索示例代码而不必完全理解该代码。

动态输入字段不起作用

2 个答案: