在javascript函数中一次单击打开多个窗口

Question

我使用toggleDays类展开和折叠我的请求。每个请求(obj)都有多个天数条目，它们是打开新选项卡的链接。例如，请求-1可以有Day-1，Day 2.请求-2可以有日-1，日-2和日-3.

我的问题是，如果我单击Day-1 of Request-2，它将为Day打开一个新选项卡-1 of Request-1以及Request-2的正确选项卡-2E 214。如何确保只为单击的特定请求(而不是所有请求)打开“日”。下面是我的密码。任何帮助都将不胜感激！

提前感谢！

可能

    function GetSpecificRequest(requestId, that) {
    var parms = "{'requestId' :'" + requestId + "'}";

    jQuery.ajax({
        type: "POST",
        url: "DisplayRequests.aspx/GetSpecificRequest",
        async: false,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: parms,
        success: function (response) {

            if (response.d != '') {
                var obj = JSON.parse(response.d);

                $.each(obj, function (index, item) {

                    that.next('.toggleDays')
                        .append('<div class="requestDetailItem columns4"><div class="requestItemLabel label">Day:  ' + '<a href="#" class="dayRequest">' + item.RQST_ID_CNTR + '</a></div></div')
                        .append('<div class="requestDetailItem columns4"><div class="requestItemLabel label">Print Date:  ' + $.datepicker.formatDate("mm/dd/yy", (new Date(parseInt(item.RQST_CYCL_DT.substr(6))))) + '</div></div')
                        .append('<div class="requestDetailItem columns4"><div class="requestItemLabel label">Status:  ' + item.RQST_STAT_CD + '</div></div')
                        .append('<div class="requestDetailItem columns4"><div class="requestItemLabel label">Copies Matched:  ' + item.RQST_NBR_MTCH + '</div></div')
                        .append('<div class="rowSeparatorShort"></div');
                });

                $('.dayRequest').bind('click', function () {
                    var day = $(this)[0].innerHTML;
                    window.open("DisplaySearchCriteria.aspx?RequestID=" + requestId + "&RequestCtr=" + day);
                });
            }
            return false;
        },
        error: function (httpRequest, textStatus, errorThrown) {
            LogAjaxErrorToServer(httpRequest, textStatus, errorThrown, parms, "GetSpecificRequest");
        }
    });
}

Answer 1

对于每个.dayRequests，始终绑定到所有obj的单击事件。您可以向链接中添加ID并绑定到该链接。即

.append('<div class="requestDetailItem columns4"><div class="requestItemLabel label">Day:  ' + '<a href="#" class="dayRequest" id="' + requestId + '">' + item.RQST_ID_CNTR + '</a></div></div')

 $('#' + requestId).bind('click', function () {
     var day = $(this)[0].innerHTML;

或者将requestId作为数据属性添加到链接中，并绑定到ajax调用外部单击。

.append('<div class="requestDetailItem columns4"><div class="requestItemLabel label">Day:  ' + '<a href="#" class="dayRequest" data-requestid="' + requestId + '">' + item.RQST_ID_CNTR + '</a></div></div')

在你的document.ready：

$(document).bind("click", ".dayRequest", function()
{
    //take attributeid here
});