功能仅适用于警报

Question

我有一个用 DOM 生成的完整表格。在那个表单中，我有一个带有 class“更多字段”的按钮，单击此按钮后我想显示其他隐藏字段。但是如果没有 alert()，我的脚本将无法运行。我做错了什么？

$(function() {
 $(".more-fields").on("click", function(){
  $(".other-fields").show();
 }); 
});

这是行不通的。但是当我在单击之前添加 alert() 时，它正在工作：

$(function() {
 alert("xxx");
 $(".more-fields").on("click", function(){
  $(".other-fields").show();
 }); 
});

为什么没有警报就无法正常工作？

Answer 1

但我尝试使用它。
没问题
也许你应该展示你的 Html

    <!DOCTYPE html>
    <html lang="Zh-TW">
    <head>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <meta charset="utf-8">
    <script> 
       $(function() {
     $(".more-fields").on("click", function(){
      $(".other-fields").show();
     }); 
    });
    </script>
    </head>
    <body>
    <button class="more-fields">more-fields</button >
    <div class="other-fields" style="display: none;">
    <p>other-fields</p>
    </div>
    </body>
    </html>

Answer 2

解决方案：

$(function() {
 $(document).on('click', '.more-fields', function() {
  $(".other-fields").show();
 }); 
});

功能仅适用于警报

Function works only with alert

alert

load

click

live