jquery modal在div中加载php

时间:2013-01-14 14:58:56

标签: jquery load modal-dialog

这是一个php循环;

echo "<td><a id='gbdetail' href='#gbdetay' data-toggle='modal' onClick='getGBdetay()' class='btn btn-small' data-original-title=' click to see detail ' data-placement='left' rel='tooltip' href2='lookgb.php?gbid=".$wrgb['id']."'>"."<i class='gicon-edit'></i></a></td>";

这是jquery部分;

function getGBdetay()  { 
    $('#gbdetail').click(function(){
        var url = $(this).attr('href2'); 
        $("#gbbody").load(url); 
    }); 
};

它仅适用于第一行,内容不会在其他行中加载。是什么导致这种情况?

修改

它适用于更换选择器。但现在它在第一次点击时不起作用。在第一次点击内容没有加载。首次点击后,它没有问题。为什么它不会在第一次点击时工作?

    function getGBdetay()  { 
  $('.btn.btn-small.gbdetayl').click(function(){
   var url = $(this).attr('href2');
   $("#gbbody").load(url);
});

 echo "<td><a target='_blank' href='#gbdetay' data-toggle='modal'  onClick='getGBdetay()' class='btn btn-small gbdetayl' data-original-title=' click to see detail ' data-placement='left' rel='tooltip' href2='lookgb.php?gbid=".$wrgb['id']."'>"."<i class='gicon-edit'></i></a></td>";

1 个答案:

答案 0 :(得分:0)

因为您只能在页面中输入一次ID。

您可以为<a>提供相同的类而不是相同的ID,然后您可以使用它来选择所有元素。您已使用btn作为课程,因此您可以

function getGBdetay()  { 
    $('.btn').click(function(){
        var url = $(this).attr('href2'); 
        $("#gbbody").load(url); 
    }); 
};

每个按钮都有这个onclick功能。可能需要添加另一个类或其他方式来选择所有链接。