如你所见here当您依次单击“METAR”按钮时,单击下一个按钮时会重新出现上一个按钮。
但是,当您单击“VATSIM 在线用户总数”按钮,然后单击其中一个“METAR”按钮时,“VATSIM 在线用户总数”按钮不会重新出现。
我的代码位于 this Pastebin .
“VATSIM 在线用户总数”按钮的 JavaScript 如下:
<script type="text/javascript">
$(document).ready(function() {
var userButtons = $('.getUserButtons');
userButtons.click(function(){
var clickedButton = $(this);
$.ajax({
type: "POST",
url: "/online.php",
dataType: 'html',
success: function(data) {
$('#outputDiv').hide('slow', function() {
$(this).remove();
});
userButtons.show('slow');
var outputElement = $('<div id="outputDiv" style="color: white;">' + data + '</div>');
outputElement.hide();
outputElement.insertAfter(clickedButton);
clickedButton.hide('slow', function() {
outputElement.show('slow');
});
},
error: function(jqXHR) {
alert(jqXHR.responseText);
}
});
});
});
</script>
按钮本身的代码如下:
<li><button style="height: 40px;" class="btn btn-primary getUserButtons hvr-float-shadow">Total Users Online on VATSIM</button></li>
如有任何帮助,我们将不胜感激。我想我需要编辑代码,以便单击其中一个“METAR”按钮然后告诉“VATSIM 上在线用户总数”重新出现;我不知道怎么办。
谢谢!
最佳答案
也将 getMetarButtons 类添加到 VATSIM 上的在线用户总数
关于javascript - 单击后 HTML 按钮不再出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30465728/