Question

我搜索了网络和论坛的高低，并没有找到我觉得准确解决它的解决方案。我希望有人能够帮我解决这个问题。我有一个网站，为各种音乐团体的音乐会编制目录。最初，某一年的所有日期，地点等都是可见的...一年排＃39;行中的每个日期实际上都是一个链接，如下所示：

<a name = "<?php echo $tag_no ?>" class="none" href="#<?php echo $tag_no ?>" title = "<?php echo $tooltip ?>" onClick="$('#<?php echo $tag_no ?>').load('/2.0/details.php3?event_no=<?php echo $tag_no ?>&amp;details=0&amp;PHPSESSID=<?php echo session_id() ?>');"><?php echo $concert_date_formatted ?> </a>

单击日期时，.load（）会将Concert的详细信息插入到div中。它实际上取代了今年的排＆＃39;并在div中插入所有细节。这已经很好用了好几年了。我有一个小的javascript例程附加到div并让用户上下切换...

    <script language="JavaScript" type="text/javascript">
// window shade
function change(id){ 
 ID = document.getElementById(id); 

 if(ID.style.display == "") 
      ID.style.display = "none"; 
 else 
      ID.style.display = ""; 
}
</script>

我遇到的问题是我在通过.load（）插入的细节中添加了一些内容，这些内容比我想要填充的时间更长。这是在页面完成加载之前发生的，因此它会延迟整个日期和音乐会列表的完成。

我需要一种方法，只有在用户点击日期后才能加载详细信息中的内容。在按下链接之前，我不希望页面查询数据库和Web服务器。我在其他领域使用javascript和jquery。

感谢您的任何见解！

干杯

Answer 1

假设您有一个按钮（在您的情况下，它似乎是一个日期字段）：

strip

您只想在用户点击按钮（或日期字段）时加载内容。在这种情况下，当用户点击它时，将执行myFunction（）。

在你的myFunction（）中，你可以有一个AJAX事件来从数据库中获取数据。

<button id="button" onclick="myFunction()">Click me</button>

由于您使用的是JQuery，因此您还可以执行以下操作：

function myFunction() {

//ajax event to bring data from database

}

如何在按下按钮后将内容加载到div中，在页面加载完成后很长时间

1 个答案: