gpt4 book ai didi

php - 无法附加相同的 div

转载 作者:行者123 更新时间:2023-11-28 04:44:53 25 4
gpt4 key购买 nike

我在将相同的 div 附加到另一个 div 时遇到问题。当我单击添加按钮时,会创建一个没有高度的空 div,但是我想附加包含所有信息的整个 div。

 <div class="column column-3-4" id="customFields">
<div class="row">
<div class="column-1-1">
<div class="user_information" style="margin-top:0px;">
<form method="post" enctype="multipart/form-data" onSubmit="return ugt_validate_profile();">
<? include('./includes/error-message3.php');
$_SESSION['ERROR_MSG3']=NULL;
$_SESSION['WARN_MSG3']=NULL;
$_SESSION['SUCCESS_MSG3']=NULL;?>
<div class="form-group">
<div>
<input type="text" name="name" id="name" class="form-control" placeholder=" Enter The Name:" value="<?=(isset($usr_fname))?$usr_fname:NULL; ?>">
<label id="name_error" style="display:none"></label>
</div>
<div style="float:right">
<button><a href="javascript:void(0);" class="addCF">Add</a></button>
</div>
</div>
<div class="form-group">
<input type="file" class="form-control" id="formFileId" name="uplode_img" placeholder=" Upload The Profile Pic" />
<label for="input-placeholder" class="control-label"><strong>Best Resolution :( 320 X 320 ),&nbsp;Size: 1024Kb</strong></label>
</div>
<div class="form-group">
<input type="text" name="email" id="email" class="form-control" placeholder="Enter Your Email Id:" value="<?=(isset($usr_email))?$usr_email:NULL; ?>">
<label id="email_error" style="display:none"></label>
</div>
<div class="form-group">
<input type="text" name="phone" id="phone" class="form-control" placeholder="Phone No:" value="<?=(isset($usr_mob))?$usr_mob:NULL; ?>" disabled="disabled" readonly>
<label id="phone_error" style="display:none"></label>
</div>
<div class="form-group">
<input type="text" name="address" id="address" class="form-control" placeholder="Address :" value="<?=(isset($usr_address))?$usr_address:NULL; ?>">
<label id="phone_error" style="display:none"></label>
</div>
<div class="form-group">
<button class="more" type="submit" name="profile_submit" value="profile_submit" >Save</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>

这是附加 div 的 jQuery 代码。如果我附加一个文本框,那么它工作正常。删除链接也无法正常工作。如果我点击删除链接,它会转到页面底部。任何帮助将不胜感激。

$(document).ready(function() {
$(".addCF").click(function() {
$("#customFields").append('<div id="customFields"></div><a href="javascript:void(0);" class="remCF">Remove</a>');
});

$("#customFields").on('click','.remCF',function(){
$(this).parent().parent().remove();
});
});

最佳答案

这仅供您引用,因为您可以将此 div 附加到 body 上,现在我只是复制了您的数据并添加了一些东西

$(document).ready(function() {
$(".addCF").click(function() {
$("#customFields").append('<div id="customFields"></div><a href="javascript:void(0);" class="remCF">Remove</a>');
});

$("#customFields").on('click','.remCF',function(){
$(this).parent().parent().remove();
});
});
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>

<div id="customFields"></div>
<a href="#" class="addCF">click me</a>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

</body>
</html>

关于php - 无法附加相同的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41016868/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com