Question

我使用jQueryUI tabs widget作为休闲：

<div id="tabs">
    <ul>
        <li><a href="<%:Url.Action("List", new { statusId = 0, typeId = Model.TypeId }) %>">
            <span>X</span></a> </li>
        <li><a href="<%:Url.Action("List", new { statusId = 1, typeId = Model.TypeId }) %>">
            <span>Y</span></a> </li>
    </ul>
</div>

列表操作为每个选项卡返回相同的视图，返回的视图如下：

...
<form id="transactionList" method="post">
   <button type="button" id="approve">ok</button>
    <%: Html.Hidden("approveUrl", Url.Action("Approve"))%>
    <%: Html.Hidden("TransactionStatusId",Model.StatusId) %>    
<table>
    <tr>
...

在标签加载后，我在客户端绑定了ok按钮的单击：

 $("#tabs").tabs({load: tabLoaded});
  function tabLoaded(e, ui) {
        $("#approve").click(approve);
    }
  function approve(){
alert("something);
}

现在，当我将标签更改为第二个标签时，单击第二个标签的按钮不起作用，并且警报不会显示。

有什么想法吗？

Answer 1

如果每个视图都返回一个按钮，那么几个按钮的ID是否相同？

在您的视图中将id =“approve”更改为class =“approve”，然后将$（“＃approve”）更改为$（“。approve”）。

按钮单击jQueryUI选项卡问题

1 个答案: