Question

我想在我的自定义指令函数中调用此$('.modify-activity-dates').trigger('click');，如此

$scope.loadActivityModule = function(){

        if($scope.isFlightAdded() || $scope.hotelAvailable()){

                var location ='ComponentSupportAction.do?method=loadActivityResultsPage';
                var form = '<input type="hidden" name="transectionId" value="'+getSession()+'">';
                $('<form action="' + location + '" method="POST">' + form + '</form>').appendTo($(document.body)).submit();

                var activities = $rootScope.productCart.cart.addedActivitylList;

                try{                        
                    if(activities.length != 0) { 
                        $('.modify-activity-dates').trigger('click');                                                               
                    }                       
                } catch(e) {

                }                                       
            } else {                                        
                bookingEngineActivityApp_SharedService.reverseShowBookingEngineActivity();
            }
    }

当我点击弹出窗口的图像时，它会消失（该部分已经工作），并且应该在后台页面中触发jQuery点击，这是我无法实现的。

Please refer this image

Answer 1

从你的程序看，我假设你在你的＆lt; head＆gt;中包含了JQuery.xxx.js。标签使用＆lt; script＆gt;标签

根据文档https://docs.angularjs.org/api/ng/function/angular.element

如果jQuery可用，angular.element是jQuery函数的别名

要使用jQuery，只需确保在angular.js文件之前加载它。

之后，您可以使用 angular.element

angular.element('.modify-activity-dates').trigger('click');

在角度自定义指令中触发jQuery单击功能

1 个答案: