Jquery 神秘的换行符被附加到ajax加载的内容中
使用.ajax或.load,我将内容从.html页面加载到或替换元素中。在任何一种情况下,都会调用并插入内容,并且会有一个神秘的新行,不是break元素,而是在.html文件中的“我的内容”后面附加\n或\r 在chrome的元素检查器中,它看起来像:Jquery 神秘的换行符被附加到ajax加载的内容中,jquery,ajax,Jquery,Ajax,使用.ajax或.load,我将内容从.html页面加载到或替换元素中。在任何一种情况下,都会调用并插入内容,并且会有一个神秘的新行,不是break元素,而是在.html文件中的“我的内容”后面附加\n或\r 在chrome的元素检查器中,它看起来像: <div class="loaded parent"> // all my loaded content </div> " (ghost line) " 大多数文本文件格式在EOF处使用最后一个换行符保存文件。假设您将
<div class="loaded parent">
// all my loaded content
</div>
"
(ghost line)
"
大多数文本文件格式在EOF处使用最后一个换行符保存文件。假设您将此html文件视为服务器端包含,这可能会导致您的症状。尝试将代码复制/粘贴到其他编辑器,如windows中的记事本。许多文本编辑器能够使用不同操作系统的换行符,我看到一些编辑器不能删除除设置使用的换行符以外的其他类型的换行符。例如,一个文本编辑器将Mac换行符放在文件末尾,我在Windows中打开它,而我的文本编辑器根本不显示或指示这些换行符。记事本几乎忽略了它所不知道的一切,所以当你粘贴到记事本上时,它会消除额外的中断
除非您看到使用任何文件的所有AJAX请求的效果,否则这可能是罪魁祸首。我不确定您在哪里加载内容。但是,您可以尝试删除那里的空格吗?您是否尝试过检查ajaxed文件末尾的空白?绝对正确。我在Mac上编辑Dreamweaver。将其放入Windows记事本,最后出现断线。对不起,我没有代表投票支持。你仍然可以接受答案,事实上我建议你这样做。如果你不接受答案,你的名声就不好,人们可能不愿意在将来为你服务
<div id="ForgotPasswordForm" class="ajax">
<h2>Reset Your Password test</h2>
<div class="BlockContent">
<p> Enter your email below to request a password reset. An email will be send with a reset link. </p>
<p class="ErrorMessage" style="display:none"></p>
<form action="/login.php?action=send_password_email" method="post" onsubmit="return check_forgot_password_form()">
<div>
<dl style="width: 270px;margin: 0 auto;height: 30px;">
<dt style="float: left;width: 100px;text-align: right;margin:5px 5px 0 0;"> <span class="Required">*</span> Email Address: </dt>
<dd style="float:left;font-size:12px;width:150px;">
<input style="padding:4px;" type="text" class="Textbox" name="email" id="email" />
</dd>
</dl>
<p class="Submit" style="text-align:center">
<input type="submit" value="Continue" />
</p>
</div>
</form>
</div>
</div>
$('#recover-pass').click(
function(e){
e.preventDefault();
//$('#login-content').load('/content/ResetPassword.html');
$.ajax({
url: '/content/ResetPassword.html',
success: function(data) {
$('#login-content').replaceWith(data);
alert('Load was performed.');
}
});
});