点击图像jQuery -函数不工作后追加

Clicked on image jQuery - function doesn't work after append

本文关键字：工作 追加 函数 图像 jQuery      更新时间：2023-09-26

我为使用nodejs的应用程序编写了以下代码:

socket.on('daneTury', function (dataa){
            var gracze = "";
            $("#informacje").hide("slow");
            $("#odpowiedziGraczy").empty();
            for(i = 0; i < $scope.gracze.length; i++){
                var lp = i + 1;
                var panstwo = typeof dataa[$scope.gracze[i].text].panstwo !== 'undefined' ? dataa[$scope.gracze[i].text].panstwo : "";
                var miasto = typeof dataa[$scope.gracze[i].text].miasto !== 'undefined' ? dataa[$scope.gracze[i].text].miasto : "";
                var imie = typeof dataa[$scope.gracze[i].text].imie !== 'undefined' ? dataa[$scope.gracze[i].text].imie : "";
                var rzecz = typeof dataa[$scope.gracze[i].text].rzecz !== 'undefined' ? dataa[$scope.gracze[i].text].rzecz : "";
                var samochod = typeof dataa[$scope.gracze[i].text].samochod !== 'undefined' ? dataa[$scope.gracze[i].text].samochod : "";
                gracze += "<tr><td>" + lp + "</td>" + "<td>" + $scope.gracze[i].text + "</td><td>" + panstwo + "</td><td><img id='wrong' src='img/wrong.png' data-ng-click='zle()' alt='wrong'></td><td>" + miasto + "</td><td><img id='wrong' src='img/wrong.png' alt='wrong'></td><td>" + rzecz + "</td><td><img id='wrong' src='img/wrong.png' alt='wrong'></td><td>" + imie + "</td><td><img id='wrong' src='img/wrong.png' alt='wrong'></td><td>" + samochod + "</td><td><img id='wrong' src='img/wrong.png' alt='wrong'></td></tr>";
            }
            $("#odpowiedziGraczy").append("<strong>Odpowiedzi reszty graczy:</strong><div class='table-responsive'><table class='table table-striped'><thead><tr><th>#</th><th>Nik</th><th>Panstwo</th><th></th><th>Misato</th><th></th><th>Rzecz</th><th></th><th>Imie</th><th></th><th>Samochod</th><th></th></tr></thead><tbody>" + gracze + "</tbody></table></div>");
            $("#odpowiedziGraczy").show("slow");
        });

我的问题是关于:<img id='wrong' src='img/wrong.png' alt='wrong'>。为什么当我点击这个图像功能"zle"不工作?

你必须动态创建$compile元素，以使ng-click或其他angular指令工作。

在$("#odpowiedziGraczy").show("slow");之后，您应该使用:

$compile(angular.element("#odpowiedziGraczy").contents())(scope);

别忘了在你的指令/控制器中注入$compile服务。

关于$compile的更多信息:https://docs.angularjs.org/api/ng/service/%24compile

相关文章：