【问题标题】:Cloning not working ; multiple script tags?克隆不起作用;多个脚本标签?
【发布时间】:2019-04-27 06:06:30
【问题描述】:

我有以下两个脚本。第一个工作没有问题。然而,第二个不会克隆任何东西。我不确定如何修复此代码,我很新。我只是在做 removeAttr ID,因为我读到这可能是类似线程上的一个问题,但它似乎没有帮助。提前谢谢你。

<head>
  <scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script>
    $(document).ready(function(){
      $("#roster").click(function(){
        var temp = $("#Characters").val();
        var count = 0
        var res = temp.split(",");
        res.forEach(function(name) {
          $('#row'+count).html(name)
          $('#row'+count).attr("onclick","console.log('"+name+"')");
          count++; 
        }); 
      }); 
    });
  </script>

  <scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script>
    $(document).ready(function(){
      $("#match1top").click(function(){
        $('#row0').clone().removeAttr("id").appendTo('#row1');
      }); 
    });
  </script>
</head>

【问题讨论】:

    标签: jquery html clone


    【解决方案1】:

    不确定你的问题,我尝试重现它,它有效。

    $(document).ready(function(){
      $("#match1top").click(function(){
      $('#row0').clone().removeAttr("id").appendTo('#row1');
     }); });
    #row1{
    border: 1px solid blue;
    }
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    
    
    <button id="match1top">Match</button>
    <div id="row0">row0</div>
    <div id="row1">row1</div>

    【讨论】:

    • Hien Nguyen,你让两个脚本同时工作了吗?我试图克隆的对象来自用户输入,通过第一个脚本。我想把这个项目的完整代码发给你,这样你就可以更好地了解正在发生的事情。
    • 是的,请更新您的问题或将链接发送给我
    • pastebin.com/DKQMyL6X 这是我的完整代码。如果将其加载到 HTML 文档中,您将在顶部看到一个文本栏。我在栏中输入“1,2”,然后单击提交按钮,第一个脚本生效,将用户输入映射到锦标赛括号。当有人赢得比赛时,我希望能够单击一个按钮,即“获胜者”按钮并将他们的名字克隆到下一个位置。截至目前,“获胜者”按钮没有实现这一点,我无法让克隆工作。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-10-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-25
    • 2016-09-08
    相关资源
    最近更新 更多