动态添加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(
'<p class="column">'+
'<p class="p_left">'+
'<p class = "p_message">'+
'标题:'+ '<input class="copt" type="text" placeholder="新内容" value="">'
+ '</p>'+
'</p>'+
'<p class="p_right">'+
'<img src="img/arrow_up_16px.png" class="upmove" />'+
'</p></p>');
// //上移
// $('#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次,想问有没有好的修改方法,或者怎么实现这上移操作。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
学习是最好的投资!