Question

我的代码效果很好。我正在使用Data-table进行分页和搜索。我的问题是，当我切换到下一页并点击链接时，页面重定向无法正常工作，但在第一页中，一切正常。该页面使用jquery重定向到下一页。

aspx代码

<div class="box-body no-padding">
                            <div>
                                <table id="example2" class="table table-responsive">
                                    <thead>
                                        <tr>
                                            <th>From</th>
                                            <th></th>
                                            <th>Date</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <%if (DtInbox.Rows.Count > 0)
                                          {
                                              for (int i = 0; i < DtInbox.Rows.Count; i++)
                                              {
                                        %>
                                        <tr>
                                            <%if (DtInbox.Rows[i]["SStatus"].ToString() == "New")
                                              {%>
                                            <td class="mailbox-name"><a class="a" href="#" id="<%=DtInbox.Rows[i]["Mb_IdNo"]  %>">
                                                <%=DtInbox.Rows[i]["Name"] %></a></td>
                                            <%} %>
                                            <%if (DtInbox.Rows[i]["SStatus"].ToString() == "Viewed")
                                              {%>
                                            <td class="mailbox-name"><a class="a" href="#" id="<%=DtInbox.Rows[i]["Mb_IdNo"]  %>">
                                                <span style="font-weight: 500"><%=DtInbox.Rows[i]["Name"] %></span></a></td>
                                            <%} %>
                                            <td class="mailbox-subject"><b><%=DtInbox.Rows[i]["Subject"] %></b>
                                                &nbsp;-&nbsp;<span style="font-style: italic"><%=DtInbox.Rows[i]["Message"] %></span>...</td>
                                            <td class="mailbox-date" style="padding-right: 20px; font-weight: 400">
                                                <%=Convert.ToDateTime(DtInbox.Rows[i]["Date"]).ToString("dd-MMM-yyyy") %></td>
                                        </tr>
                                        <%}
                                          }
                                          else
                                          { %>
                                        <tr>
                                            <td class="mailbox-name">No Data To Show </td>
                                        </tr>
                                        <% }   
                                        %>
                                    </tbody>
                                </table>
                                <!-- /.table -->
                            </div>
                            <!-- /.mail-box-messages -->
                        </div>

jquery的

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://cdn.jsdelivr.net/json2/0.1/json2.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#example2').DataTable();
            $('.a').click(function () {
                var id = this.id;
                var $form =
                    $("<form/>").attr("id", "data_form").attr("action", "Mailbox-Rinbox.aspx").attr("method", "post");
                $("body").append($form);
                AddParameter($form, "Md_Idno", id);
                $form[0].submit();
            });
            function AddParameter(form, name, value) {
                var $input = $("<input />").attr("type", "hidden").attr("name", name).attr("value", value);
                form.append($input);
            }
        });
    </script>

Answer 1

将您的$('.a').click(function () {替换为jquery load

上的$(document).on('click', '.a', function(){

为什么它工作，这是由于DOM如何工作，因为href的第一页是由于它在DOM上加载而工作，而后续点击不是，你可以参考这个以获得更准确的解释 https://stackoverflow.com/a/14879213/1874308

href无法使用数据表分页

1 个答案: