如何禁用和显示加载标志，而不是一个" "标记，直到加载整个页面 - How can a disable and show a loading sign in place of a "a href" tag until the whole page is loaded?

How can a disable and show a loading sign in place of a "a href" tag until the whole page is loaded?

我使用一个href标签打开一个使用bootstrap的对话框，其中一些数据将使用jquery显示，但我希望对话框不能打开，直到所有的数据都加载在网页中，其中使用了一个href。

该超链接在加载页面之前工作，但不会将数据提取到对话框中，也不会显示在对话框中。我想，直到我的整个网页加载，这一个href必须被禁用或加载标志必须来代替这一个href。

这个问题有解决办法吗?

下面是我用来打开一个对话框的href。

<a href="#" id="<?php echo $row_rsnf['autoid'];?>" class="btn-primary lg" data-toggle="modal" data-target="#myModal<?php echo $row_rsnf['autoid']?>">Comments:</a>

在文档准备好之前隐藏链接并显示一些加载器

<a href="#" style="display: none;" id="<?php echo $row_rsnf['autoid'];?>" class="btn-primary lg" data-toggle="modal" data-target="#myModal<?php echo $row_rsnf['autoid']?>">Comments:</a>
<div id="loader">loading...</div>

    <script type="text/javascript">
    $( document ).ready(function() {
      //when ready show the button
      $('.btn-primary.lg').show();
      //hide the loader 
      $('#loader').hide();
    });
    </script>

我会隐藏链接并使用Jquery显示一个加载器gif, Jquery对话框内置了事件监听器来合并这个:把链接放回原处，并隐藏图片

http://api.jqueryui.com/dialog/