Question

有一个奇怪的问题，我正在开发一个仅使用Firefox的angularJS应用程序但如果用户点击Close按钮，我在模式上的工具提示存在问题。

当模态打开时，会出现一个下拉列表，默认情况下为空白，也是必需的。该模式还有一个Submit按钮和Close按钮。在完成所有必填字段并始终启用Submit按钮之前，Close按钮处于禁用状态。

如果单击Close按钮而未选择选项（这是一个有效的操作），模式将按预期关闭，但会显示所需的工具提示。

是否有人知道此问题的修复方法？

Answer 1

由于示例代码不存在，根据您的问题，我尝试了一个带有“提交”和“关闭”按钮的解决方案。

无论您点击什么按钮，它都会触发提交功能。因此，您需要使用$event.preventDefault();

来阻止执行

示例HTML

<form name="form" novalidate ng-submit="saveModal()">
  <div class="row">
    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
        <button class="btn btn-success" type="submit">
            <span>Submit</span>
        </button>
        <button class="btn btn-default" ng-click="closeModal($event)">
            <span>Close</span>
        </button>
    </div>
  </div>
</form>

样本控制器

$scope.closeModal= function ($event) {
    $event.preventDefault();
    // Close modal related codes here
};

$scope.saveModal = function() {
    // I assume that the required tooltip related codes are available 
    // inside the submit's function
};

在FireFox中关闭模式时显示所需的工具提示

1 个答案: