我正在尝试隐藏加载项
<script>
$(document).ready(function()
{
$.ajax({
url:"http://localhost/test.php",
success:function(data){
$('#div').html(data);}
});
$('#btn').click(function(){
$('#para').hide();
})
</script>
<html>
<div id="div"> </div>
<input type="button" value="hide" id="btn">
</html>
PHP
<?php
echo"<p id='para'> this is test </p>"
?>
我正在尝试对客户端的未来元素执行操作，但我无法做到这一点......任何帮助...... ????
您应该创建一个 CSS 规则，将其添加到任何将具有display:none.
这样，任何新元素都会自动对其强制执行 CSS 规则。一旦你想显示该元素，只需删除该 CSS 类..
echo "<p id='para' class='hide'> this is test </p>"
// here is the class------^
现在在您的 CSS 文件中，您可以拥有以下内容：
.hide {
display: none;
}
要删除类并使段落可见，请使用以下命令：
$( "#para" ).removeClass( "hide" );
你也可以通过 jQuery 添加这个类：
...
success:function( data ) {
var element = $( data ); // assuming data is just raw HMTL
element.addClass( "hide" );
$( "#div" ).html( element.html() );
}
...
您可以尝试在#btn单击时设置一个标志，如果设置了该标志，则隐藏 AJAX 成功的段落。