Question

我在div上应用了jquery ui selectable。

HTML代码：

<div id="selectable">
    <p>xyz xyz xyz xyz xyz xyz xyz xyz xyz xyz xyz <b>ABC </b> <i> 124</i> <span>asdfasdf</span></p>
    <p>xyz xyz xyz xyz xyz xyz xyz xyz xyz xyz xyz <b>ABC </b> <i> 124</i> <span>asdfasdf</span></p>
    <div>xyz xyz xyz xyz xyz xyz xyz xyz xyz xyz xyz <i> 124</i> <span>asdfasdf</span><ul><li>=====</li><li>+++++++</li></ul></div>
</div>

jQuery / Javacript代码：

$('#selectable').selectable();

但发生的事情是，当我选择时，html更改意味着p代码的顺序，b代码，i代码会随着拖动功能的发生而改变一段时间。< / p>

非常感谢任何帮助。

Answer 1

$(function() {
    $("#selectable").click(function (event) {
         $("p, b, i, span, div, ul, li", this)
        .removeClass("selected")
        .filter(event.target)
        .addClass("selected");
    });
});

i，span和div排成一行，因此无法分开。

.selected{
    color: white;
    background-color: #F39814;
}

可选择的jquery ui重新排序html标记内容

1 个答案: