Skip to main content
 首页 » 编程设计

jquery之导航器警报功能在第二次后起作用

2026年07月28日5Terrylee

我有一个按钮,点击后我执行此功能:

$scope.sendPolicy = function(){ 
    // make server request and called this call back: 
    navigator.notification.alert( 
        "message", 
        function(){ 
            $state.transitionTo('main', { 
                Id: $scope.Id 
                }); 
        }, 
        'title', 
        'confirm'); 

警报弹出正常,但是当单击确认按钮时,警报消失,仅此而已。没有其他事情发生(应该触发到主屏幕的转换。)警报解除后,如果再次单击导致警报弹出的按钮,则会触发 View /页面传输,然后我们弹回到主屏幕页面,并且警报再次弹出。

问题是:

  1. 为什么确认按钮没有触发弹回/转移到主屏幕。
  2. 为什么再次单击该按钮会导致弹出/传输?
  3. 为什么这次额外的点击会再次触发警报?

请您参考如下方法:

  1. 我认为这是在 Angular 范围之外获得确认时 Angular 不更新的问题。看来您可能需要手动运行摘要/应用,以便 Angular 可以更新范围。

  2. 当再次单击按钮时,Angular 正在运行更新,现在范围具有转换信息,但它也会再次调用警报,因为这将是一个单独的单击事件。

  3. 在 2 中进行了解释。

要解决这个问题,我认为您需要在某个时候调用 $scope.apply() ,如下所示:

 $scope.sendPolicy = function(){ 
// make server request and called this call back: 
navigator.notification.alert( 
    "message", 
    function(){ 
        $state.transitionTo('main', { 
            Id: $scope.Id 
            }); 
    if(!$scope.$$phase){$scope.$apply();}         
    }, 
    'title', 
    'confirm'); 

或者在警报函数的末尾调用它。

注意:您可以将其称为 $scope.$apply(),但是如果摘要已经在进行中,这可能会引发错误,因此调用此方法的安全方法是 if(!$scope.$$phase) {$scope.$apply();} 仅在未进行时才调用。