0

我对我的情况有点困惑,我希望你们能对我的挑战有所启发!

好的,我做了一个查询,在我的数据库中加载了大约 1,000 个左右的名字。我成功地制作了一个回声,它加载了一个模式窗口,其中包含每个模式 div 内的配置文件详细信息。

问题是当我有 1,000 个要填充的名称时,它必须使用内部的配置文件详细信息构建每个模式,并且加载页面需要一段时间。

我正在寻找一种更好的方法来检索具有某种 onclick 操作的模态窗口,因此在页面加载时不必创建所有模态窗口。所以也许只是一个动作,当用户点击链接时,它会以某种方式加载它?

这是我的代码,但同样 - 加载每个页面加载的所有信息:

<div  id="myModal_."$pageID"" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-body">
    <script>
    $("#".$pageID."").load("admin/page1.php?m=".$pageID."");
    </script>
  </div>
</div>

<a data-toggle="modal" href="#myModal_'.$pageID.'">'.$name.'</a>

提前致谢!!

编辑

这是我在 firebug 中看到的 html - 它没有在模式窗口中加载任何内容?

<div class="modal-body">
    <div id="7"></div>                                                 
    <script>
        $('a[href="#myModal7"]').on('click',function(){
        $("#7").load("admin/page1.php?m=7");
        });
    </script>
</div>

<a href="#myModal7" data-toggle="modal">Name goes here</a>
4

3 回答 3

1
  <div  id="myModal_."$pageID"" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-body">
        <script>
           $('a[href="#myModal'.$pageID.'"]').on('click',function(){
               $("#myModal_".$pageID." .modal-body").load("admin/page1.php?m=".$pageID."");
           });
        </script>
      </div>
    </div>


<a data-toggle="modal" href="#myModal'.$pageID.'">'.$name.'</a>
于 2013-03-25T19:04:38.280 回答
1

此函数仅在用户单击链接时创建 HTML。这样做是为了避免浪费大量时间加载不会使用的 HTML:

$(".modalLink").click(function(){
    var id = $(this).attr('id');
    if($("#myModal_" + id).length == 0) {
        var div1 = $('<div id="myModal_' + id + '" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" />');
        var div2 = $('<div class"modal-body"/>');
        $('body').append(div1);
        div1.append(div2);
    }
    $('#myModal_' + id + ' div').load("admin/page1.php?m=" + id);
    $("#myModal_" + id).modal();
    return false;
});

每个链接都应该有类 'modalLink' 和一个唯一的 id:

<a id="$pageID" class="modalLink" href="#">$name</a>

由于我不知道您使用的是什么模态脚本,因此我将其编码为我在这里找到的那​​个:http: //kylefox.ca/jquery-modal/examples/。我测试了它,它按预期工作。

于 2013-03-25T19:36:57.157 回答
0
$('#mylink').click(function(){
     $("#".$pageID."").load("admin/page1.php?m=".$pageID."");
});

这是你要找的吗?

于 2013-03-25T18:59:59.687 回答