javascript - 新人求助:对于动态创建的div标签,如何实现点击上移操作
PHPz
PHPz 2017-04-10 16:41:43
[JavaScript讨论组]

动态添加p代码如下:

$(document).ready(function() {
    //设置添加column最多为6个
    var columnMax = 6;
    if ($('p.column').size() >= columnMax) {
        $(obj).hide();
    }
    //为img.add图标添加点击事件用于动态创建p
    $("img.add").click(function() {
        addColumn(this, columnMax);
    });
});

//栏目的动态添加及上移
function addColumn(obj, sm) {
    //p_left用于放input,p_right用于放upmove图标
    $('#config_info').prepend(
        '

'+ '

'+ '

'+ '标题:'+ '' + '

'+ '

'+ '

'+ ''+ '

'); // //上移 // $('#config_info').find("img.upmove").click(function(){ // // var p = $(this).parent().parent('.column'); // var index = $("#config_info > p").index(p); // if(index == 0){ // alert("已经在最上面"); // return; // } // else{ // $("#config_info > p").eq(index-1).before($("#config_info > p").eq(index)); // } // }); //栏目最多六个 if ($('p.column').size() >= sm) { $(obj).hide(); } }; }

注释掉上移部分代码是因为放在那里执行的话动态添加n次,点击upmove也会上移n次,想问有没有好的修改方法,或者怎么实现这上移操作。

PHPz
PHPz

学习是最好的投资!

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号