javascript - 通过服务将按钮链接到 jQuery

Question

我有一个小问题，应该很容易解决。由于某种原因我无法解决这个问题。所以问题是我无法获得链接到某些 jquery 的按钮。我的设置如下(显示相关代码):

默认.aspx

jQuery:

function getContent() {
    var data = {
        numberID: 1
    };

    $.jsonAspNet("ContentService.asmx", "GetContent", data,

    function (result) {
        $('#content').html(result);
    });
}

jQuery(document).ready(function () {
    getContent();
});

HTML:

<div id="content"></div>

ContentService.vb

<WebMethod()> _
Public Function GetContent(number As Integer) As String
        Dim sb = New StringBuilder

        sb.AppendLine("<table>")
        sb.AppendLine("<tr>")
        sb.AppendLine("<td class='ui-widget-header ui-corner-all'>Number</td>")
        sb.AppendLine("</tr>")
        sb.AppendLine("<tr>")
        sb.AppendLine("<td>" & number & "</td>")
        sb.AppendLine("<td><a href='#' id='test' class='fg-button ui-state-default ui-corner-all'><img src='" & Context.Request.ApplicationPath & "/images/spacer.gif' class='ui-icon ui-icon-pencil' /></a></td>")
        sb.AppendLine("</tr>")        
        sb.AppendLine("</table>")

        Return sb.ToString
    End Function

这就是我一切正常的基础知识，但我不确定如何让 a 按钮 (id='test') 链接到某些 jQuery。我希望按下它并弹出一个弹出窗口。

我尝试将 jQuery 放在 default.aspx 上，但这似乎不起作用，除非该按钮位于该页面的 HTML 中。

$('#test').unbind('click').click(function () {
    alert('Working');
});

我确信这很容易做到，但我已经尝试了一段时间，但似乎无法让它发挥作用。

Answer 1

问题是您尝试绑定(bind)到尚不存在的元素吗？

您是否正在调用$('#test').unbind('click').click(function () {
警报('工作')；
}); 在服务返回之前？

$('#test').on('click', function () {
      alert('Working');
});

一旦将事件插入到 DOM 中，就会将事件绑定(bind)到“#test”元素。