Question

我正在开发一个有很多功能的定价应用程序，页面的不同部分是从不同的脚本模板加载的，即Backbone加载到PHP模板中。

我有一个侧边栏，可以动态更新用户的总余额。在移动设备上，侧边栏隐藏在下拉菜单中。长话短说，我已将html“price”值克隆到页面上的另一个位置，并且只要原始（隐藏）值更新，就需要更新它。我克隆了这样的价值：

            $(window).bind("load", function() {
                $('#quote_scrollbox .price').clone().insertAfter('.specifications-toggle img');
            });

并插入适当的地方。但是，每当.price值更新时，我都需要在新的位置更新它。此值经常更新，因为这是一个随每个用户输入更新的定价应用。有人可以帮我一点吗？

Answer 1

尝试使用input事件.filter()来匹配与当前元素值不同的元素，.val(function(index, val) {})将每个input元素设置为当前元素值

＆＃13;

$(window).bind("load", function() {
  var input = $(".price");
  var clone = input.clone(true, true);
  clone.insertAfter("div");

  $(".price").on("input", function(e) {
    var elem = e.target;
    $(".price").filter(function(i, el) {
      return el.value !== elem.value
    }).val(function(i, val) {
      return elem.value
    });
  })

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" class="price" />
<div></div>

＆＃13;

如果克隆的对象发生更改，则重新克隆对象

1 个答案: