Получить значение идентификатора из перетаскиваемого элемента - PullRequest
Новая
       26

Получить значение идентификатора из перетаскиваемого элемента

0 голосов
/ 02 декабря 2011

У меня есть следующий код: 

$( init );

function init() {

 $(".Arrastrable").draggable({

stop: function(event, ui) {

    var pos = $(this).position();

    $("div#stop").text("Pos:  "+ pos.left + ", " + pos.top);
    }

});

}

В HTML у меня есть следующее: 

<body>

<div id="contenido" style="height: 400px;">
<form name="Registro" action="Guardar" method="post" id="Registro">
    <table
        <tr>
            <td>
                <div class="Arrastrable">
                    <img src="./css/Imagenes/mesa.png" id="mesa1"></img>
                </div>
                <div class="Arrastrable">
                    <img src="./css/Imagenes/mesa.png" id="mesa2"></img>
                </div>
            </td>
        </tr>
     </table>
</form>
</body>

Мне нужно получить значение ID фактического перетаскиваемого элемента, я пытался использовать $(ui.item).attr("id"), но это не сработало. Я не знаю, должен ли я добавить другой метод или что.

Ответы [ 2 ]

0 голосов
/ 02 декабря 2011

Нет ui.item для .draggable().Перетаскиваемый элемент - это div.Arrastrable, у которого нет кода в вашем коде.Если вам нужен идентификатор для перетаскиваемого изображения, используйте $("img", this).attr("id").

Рабочая демонстрация: http://jsfiddle.net/3dcSX/

$(init);
function init() {
    $(".Arrastrable").draggable({
        stop: function(event, ui) {
            var imgId = $("img", this).attr("id");
            var pos = $(this).position();
            $("#stop").text("Pos:  " + pos.left + ", " + pos.top + ". Id: " + imgId);
        }
    });
}
0 голосов
/ 02 декабря 2011

Я не помню точно, как вызывается свойство, я посмотрю его в jsfiddle и отредактирую здесь, но вы можете сделать это: 

 $(".Arrastrable").draggable({

stop: function(event, ui) {    
    var pos = $(this).position();

     console.dir(event); 
        console.dir(ui);

    $("div#stop").text("Pos:  "+ pos.left + ", " + pos.top);
    }

});

и проверьте свойства в инструментах для веб-разработчиков Google или в firebug.

ОК, отметив здесь , вы можете увидеть в консоли свойства события и объекта пользовательского интерфейса, а также свойство, которое вы ищете в event.target.firstChild.id (или использовать jQuery)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...