Question

我的代码存在问题，而且我不知道如何解决它。我有一个产品列表，我通过$('#allconta').load内的命令<tbody id="allconta">导入。我在每一行都放了一个按钮来编辑打开模态的产品，但我没有成功。

表行由while()生成，返回此代码：

echo "
<tr>
    <td>".$row['pid']."</td>
    <td>".$det['name']."</td>
    <td>".$opts_show."</td>
    <td>".date_format($hora,"H:i")."</td>
    <td>".number_format($valor, 2, ',', ' ')."</td>
    <td><a name='editaitem' class='btn btn-primary btn-xs' id='".$row['id']."'>
<span class='icon-edit'></span></a></td>
</tr>";

我已尝试使用此代码，但无法使用：

$('a[name="editaitem"]').on('click',function(){
        $('#editped').modal('show');
    });

请有人帮我找到答案吗？非常感谢！

Answer 1

尝试使用data-toggle="modal" data-target="#ModalID"，其中#ModalID就是您要显示的模式的id值。希望这会有所帮助。

<a name='editaitem' class='btn btn-primary btn-xs' id='".$row['id']."'data-toggle='modal' data-target='#ModalID'>
   <span class='icon-edit'></span>
</a>

Answer 2

根据你的问题，我猜你正在使用bootstrap模态。为了通过单击链接打开模态（Bootstrap），您需要提供链接的href属性的模态ID引用，并将data-toggle =“modal”添加到链接，它将轻而易举地工作。请尝试以下代码：

urllib.request.urlopen(host)

如果需要，可以将模态id放在data-toggle属性中而不是href中。完全取决于您的选择。这已在Bootstrap版本3.x.x上测试过。见fiddle。享受！

Answer 3

我看到了Shehary的评论，他是对的。当您使用$('#allconta').load加载数据时，它可能是一个绑定问题，因为您尝试使用jQuery时使用链接（锚标记）触发模式，该链接最初在加载页面时不在DOM中。如果是绑定问题，那么你可以尝试以下代码来显示模态，它将起作用：

$(document).on('click','a[name="editaitem"]', function(){
        $('#editped').modal('show');
    });

希望它有所帮助。

使用表格内的按钮通过jQuery打开模态

3 个答案: