javascript - 使用 "ui boxer"后出现一些问题

Question

演示:http://jsfiddle.net/8jS6d/

我已经修改了一些，但我想进一步了解这个插件。(我知道一些 jQuery 用法。)

1. 我发现函数widget有很多方法，你能告诉我哪一个是“保留字”吗？ ui-boxer 和 ui-boxer-disabled 怎么样？

2. 是否可以在创建后为每个div添加一个名称(div中的文本)？我已经尝试了很多次，但没有用。 (我不希望所有 div 都具有相同的名称)。例如:创建第一个 div，其中 innerHTML 设置为“div-1”，第二个 div innerHTML 设置为“div-2”，然后等(参见 this 示例)

这里是我应该修改的地方吗？

$('#test').boxer({
  stop: function(event, ui) {
    var offset = ui.box.offset();
    ui.box.css({ border: '1px solid white', background: '#EEEEEE' });
    // here?
  }
});

希望你能帮助我，我没有任何文档得到这个插件，所以我很困惑。(我也忘了作者是谁了)

Answer 1

Q1。我不明白你在问什么。您指的是 "reserved words"吗？您提到的那些只是应用于您将 boxer 连接到的元素的类名。您对这些名称有何顾虑？

Q2。您的 JSFiddle 似乎非常接近您想要的。下面的示例通过为添加的元素使用类名并计算这些元素以获得下一个数字来完成您似乎要问的事情。

  // Using the boxer plugin
  $('#test').boxer({
    stop: function(event, ui) {
      //var offset = ui.box.offset();
      ui.box.css({ border: '1px solid white', background: '#EEEEEE' });
      ui.box.addClass("newdiv");
      ui.box.append("div-" + $('.newdiv').length);
    }
  });

http://jsfiddle.net/8jS6d/1/

如果这不是您想要的，请说明您的问题。