我有一个名为first_page.PHP的PHP脚本
<div id="status">
<h3>To view a list of all rooms statuses, select the link below.</h3>
<a href="response_data.php" class="button">Show Status</a>
</div>
以及指向正确页面response_data.php的链接。相反，我真正想要的是first_page.php上的一个按钮，当单击该按钮时，让它用.fadeIn()加载response_data.php页面。
我试着让这个jQuery脚本工作，但没有成功。这是我试过的。我把我的html改成这样：
<button id="button">Click here to show data</button>
<div id="data" style="display: none;">
<?php include 'response_data.php' ?>
</div>
$('#button').click(function() {
$('#data').fadeIn(1000);
});
在上面，我添加了一个按钮和一个div，我想要fadeIn。div包含php脚本，所以我希望div将php脚本淡入。我将数据CSS设置为不显示。当我点击按钮时，什么也没发生。它实际上是有效的，但是div数据在没有点击按钮的情况下就消失了。然后按钮保持不变。我希望它不要自动点击，也可以在第一次点击后隐藏按钮。
jQuery部分很好。我强烈建议你检查一下你的div#data是否真的有一些文本。
为此，您可以尝试以下操作：
console.log($('#data').text().length > 0 ? 'Text found' : 'Could not find text');
此外，要在点击后隐藏按钮，只需使用hide()方法：
$('#button').on('click', function() {
$('#data').fadeIn(1000);
$(this).hide();
});
注意：如果希望从DOM中删除按钮，也可以使用fadeOut()方法或remove()方法。