jquery ui obtenir l'id de droppable élément, en cas de chute d'un élément
Comment obtenir l'id de droppable élément, en cas de chute d'un objet? Ici, j'utilise jquery ui et asp.net mvc.
<table id="droppable">
<tr>
<td style="width:300px;height:50px">Backlog</td>
<td style="width:300px;height:50px">Ready</td>
<td style="width:300px;height:50px">Working</td>
<td style="width:300px;height:50px">Complete</td>
<td style="width:300px;height:50px">Archive</td>
</tr>
<tr id="cart">
<td id="BackLog" class="drag" style="width:120px;height:50px;">
<img class="draggable" id="1234" src="../../Content/themes/base/images/ui-icons_222222_256x240.png" />
</td>
<td id="Ready" class="drag" style="width:140px;height:50px">
</td>
<td id="Working" class="drag" style="width:140px;height:50px">
</td>
<td id="Complete" class="drag" style="width:140px;height:50px">
</td>
<td id="Archive" class="drag" style="width:140px;height:50px">
</td>
</tr>
}
</table>
Ici, je veux déplacement de l'image au sein de l'Ist colonne à l'autre colonne et obtenir l'id de la colonne.
Pour faire glisser et déposez-je utiliser le script
<script type="text/javascript">
$(function () {
$(".draggable").draggable({ containment: '#imageboundary', axis: "x" });
$("#droppable").droppable({
drop: function (event, ui) {
$.ajax({
type: "POST",
url: '/Project/AddToPhase/' + $(ui.draggable).attr("id") ,
success: function (data) {
$('.result').html(data);
}
});
}
});
});
</script>
Vous devez vous connecter pour publier un commentaire.
Pour obtenir l'id de la fois le bien et le drop des éléments, utilisez les éléments suivants:
Désolé peut-être un peu tard pour vous, mais j'ai juste commencé à l'aide de jquery et ont besoin de la chose exacte.
$(this)
fonctionne toujours.jQuery UI droppable API manuel mentionne comment obtenir le "lâché-sur-drop" très "secrètement" dans le la section de
gourmand
:Mais notez que
event.target
contient juste un élément du DOM...Réponse à votre question
Vous serez en mesure d'obtenir l'ID de votre
droppable
'sdrop
de rappel par le premier paramètreevent
.Pur JS
Propriété:
event.target.id
- si l'ID n'est pas définie: chaîne vide ""Attribut:
event.target.getAttribute('id')
- si l'ID n'est pas définie: nulljQuery
Propriété:
$(event.target).prop('id')
- si l'ID n'est pas définie: chaîne vide ""Attribut:
$(event.target).attr('id')
- si l'ID n'est pas définie: undefinedUtilisation exemple
Informations supplémentaires
Vous le raccordement d'un
"drop"
événement et d'interroger l'élément que vous venez de tomber. L'élément le paramètre"ui"
dans la fonction ci-dessousOnt un look à la de la documentation.