Maison > interface Web > js tutoriel > Exemple d'implémentation Jquery de déplacement de Div vers le haut et vers le bas_jquery

Exemple d'implémentation Jquery de déplacement de Div vers le haut et vers le bas_jquery

WBOY
Libérer: 2016-05-16 16:51:30
original
1185 Les gens l'ont consulté
复制代码 代码如下 :

$(this).ready(function() {
$ ("".up").each(function() {
$(this).click(function() {
var $tr = $(this).parents("li");
if ($tr.index() != 0) {
$tr.prev().before($tr);
}
}); $(".down").length;
$(".down").each(function() {
$(this).click(function() {
var $tr = $( this).parents("li");
if ($tr.index() != trLength) {
$tr.next().after($tr); );
});
$("a[name='up']").click(function() {
if ($("input[name='rule']:checked" .size() > 1) {
alert("只能选择一项进行上下移操作!");
return
}
$("input[name='rule; ']:checked").each(function() {
var $div = $('#rule_' $(this).val());
if ($div.index() != 0 ) {
$div.prev().before($div);
}
}
}
$("a[name='down']") ; .click(function() {
if ($("input[name='rule']:checked").size() > 1) {
alert("只能选择一项进行上下移操作!");
return;
}
$("input[name='rule']:checked").each(function() {
var $div = $('# règle_' $(this).val());
if ($('#rule_' (parseInt($(this).val()) 1)).html() != null) {
$div.next().after($div) ;
}
});
});
});

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal