У меня есть элемент, который можно перетаскивать. И я условно уничтожаю ui-draggable из элемента. Если флажок установлен, примените ui-draggable, а если нет, то уничтожьте его. Теперь я хочу проверить, уничтожен ли ui-draggable. Я хочу вернуть истину, если это так, а если нет, то ложь.

JQuery

$("#movable").click(function () {
    if ($("#movable").is(':checked')) {
        $("#cont > #text").draggable({
            scroll: true,
            containment: '#cont'
        });
    }
    else {
        $("#cont > #text").draggable("destroy");
    }
});


$("#text").click(function () {

    //Here i want to check is draggable destroyed from the element or not.

});

Отметить

<input type="checkbox" id="movable" style="margin-top:10px;" />

<div id="cont">
    <div id="text">Hello World</div>
<div>

Любая помощь будет оценена .. Спасибо

0
Fazil Mir 25 Мар 2014 в 22:35

1 ответ

Лучший ответ

Вот один из способов сделать это:

$("#movable").click(function () {
    if ($("#movable").is(':checked')) {
        $("#cont > #text").data('destroyed', false).draggable({
            scroll: true,
            containment: '#cont'
        });
    }
    else {
        $("#cont > #text").data('destroyed', true).draggable("destroy");
    }
});


$("#text").click(function () {
    var isDestroyed = $("#cont > #text").data('destroyed');
});
1
pete 25 Мар 2014 в 22:45
Спасибо @pete, это сработало. Я проверил, истинно ли isDestroyed, затем установил свойство checked true для флажка, а если нет, то false. Большое спасибо.
 – 
Fazil Mir
25 Мар 2014 в 23:27