javascript - 从 $(document).ready 获取特定传递的参数

Question

我有一个gridview我希望它的行展开并显示传递的 BatchID。目前我正在使用href="javascript:switchViews('div<%# Eval("BatchID")%>', 'one');"传递信息，但我无法在 Javascript 端获取 BatchID。

在 javascript 末尾，我应该获取此信息来为我的新行分配一个 ID，这样当我切换它们时，它们不会全部被删除，而只会删除相应的行。此刻，全部创建tr必须从每个 row 中删除如果切换，文本“Hide Details”保留在未单击的其他行上，但它们的嵌套 tr 被删除。

我尝试从参数中获取 BatchID，但我不知道如何获取。对于以上两个问题有什么想法吗？

<script type="text/javascript">
    $(document).ready(function (params) {

        $('.showDetails').click(function () {
            // Show Details DIV
            $(this).closest('tr').find('.details').toggle('fast');
            // Return false to disable default postback on click of a <a> element
            return false;
        }).toggle(
            function () {
                // Trigger text/html to toggle to when hiding.
                $(this).html('Hide Details').stop();
                $(this).closest("tr").after("<tr class='" + event.id + "'><td></td><td colspan = '999'><div>" + '111' + "</div></td></tr>");
                // $(this).closest('tr').find('.details').append('<div class=' + 'shit' + '>3399</div>');

            },
            function () {
                // Trigger text/html to toggle to when showing.
                $(this).html('Show Details').stop();
                //$(this).find('.zoom').remove();
                $('tr.' + event.id).remove();
            }
        );
    });
</script>

GridView :

   <asp:TemplateField>
            <ItemTemplate>

               <a class="showDetails" href="javascript:switchViews('div<%# Eval("BatchID")%>', 'one');">Show Details</a>

            </ItemTemplate>
    </asp:TemplateField>

Answer 1

我强烈推荐阅读Decoupling Your HTML, CSS, and JavaScript .

I can't get the BatchID on the Javascript end.

让我们以非耦合方式将其添加到 HTML 中:

( https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes )

<a class="showDetails" data-batchid="<%# Eval("BatchID")%>" href="javascript:void(0)">Show Details</a>

然后更新您的点击以获取值并进行调用:

( https://api.jquery.com/jquery.data/ )

$('.showDetails').click(function () {

  // Show Details DIV
  $(this).closest('tr').find('.details').toggle('fast');

  var batchId = $(this).data('batchid');
  switchViews(batchId, 'one');
})....

我添加了一个有效的 Href 并删除了返回 false:

Href attribute for JavaScript links: “#” or “javascript:void(0)”?