0

抱歉,如果之前有人问过这个问题,但我已经花了一些时间在网上搜索并且找不到解决方案。

我正在使用 ASP.NET 和 JQuery。

基本上,我将一些 HTML 图标从服务器端返回到客户端,因为它们是由 XML 文件自动生成的。这些图标的类名称为“报告”。

当我单击我的报告时,我的 Jquery 脚本不再触发,因为我使用文字或标签将它们引入。

在母版页中

// Load reports
    $(".CLIButton").click(
        function () {

            var Data = $(this).attr('path');

            Data = JSON.stringify({ "xmlFile": Data });

                $.ajax({

                    url: "ProcessReports.aspx/ReturnStyledPage",
                    data: Data,
                    type: "POST",
                    dataType: "json",
                    contentType: "application/json; charset=utf-8",
                    success: function (mydata) {
                        $("#ReportContent").html(mydata.d);
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        alert("There has been an error in this Ajax call 'ProcessReports.aspx/ReturnStyledPage'");
                    },
                    async: false
                });
            }
    );

    $(".Report").click(
        function () {
            alert("hi");
        });

用于创建html的aspx页面

 [WebMethod]
    public static string ReturnStyledPage(string xmlFile)
    {
        // Build report page

        //Load XML
        XmlDocument document = new XmlDocument();
        // document.Load(Server.MapPath((string)Session["ReportsXML"]));
        document.Load(HostingEnvironment.MapPath("/Assets/XML/" + xmlFile.Replace("/","") + ".xml"));

        //Create Navigator
        XPathNavigator navigator = document.CreateNavigator();

        //Load XSLT
        XslCompiledTransform transformer = new XslCompiledTransform();
        transformer.Load(HostingEnvironment.MapPath("/Assets/XSLT/FormatReports.xslt"));

        //Transform XML Data
        StringWriter output = new StringWriter();
        transformer.Transform(navigator, null, output);

        return output.ToString();
    }

我已阅读有关尝试将单击事件绑定到使用文字返回的 html 的信息,但是尝试后它不起作用。

谢谢

4

2 回答 2

1
$('#ReportContent').on('click', '.Report', function () {
    alert("hi");
})
于 2013-06-11T09:19:45.163 回答
1

在最近的静态容器中委托事件:

$("#ReportContent").on('click',".Report",
        function () {
            alert("hi");
        });
于 2013-06-11T09:20:30.150 回答