jquery - Uncaught Error : no such method 'show' for tooltip widget instance

标签 jquery twitter-bootstrap twitter-bootstrap-rails twitter-bootstrap-tooltip

我正在使用 ajax 提交注册表单,但在尝试设置工具提示以显示从 Controller 返回的错误消息时遇到问题。

JavaScript:

$(document).on('ajax:success', '.user_modal_form', function(e, data, status, xhr) {
  var context;
  context = $(this);
  if (data.success) {
    $('button', context).hide();
    $('.spinner', context).show();
    location.reload();
  } else {
    if (data.errors != null) {
      $.each(data.errors, function(key, error) {
        var field;
        field = $("#athlete_" + key);
        field.attr('data-original-title', "" + key + " " + error).tooltip({
          trigger: 'manual'
        }).tooltip("show");
      });
    }
  }
});

错误消息:未捕获错误:工具提示小部件实例没有此类方法“显示”

最佳答案

我遇到了同样的错误,这是与 jQuery UI 的冲突。

如果您使用 jQuery UI,那么您需要重新排序脚本加载顺序。

我的工作负载顺序:

  • jQuery
  • jQuery 用户界面
  • Bootstrap

关于jquery - Uncaught Error : no such method 'show' for tooltip widget instance,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17458224/

相关文章:

ruby - 在 Rails 应用程序中生成 Flat UI Pro 时无法在任何源路径中找到 'flat-ui.css'

css - 在我的 Bootstrap/Rails 应用程序中,我应该将自定义导航栏 CSS 添加到哪个文件?

jQuery 复选框 onChange

javascript - 填写数据以控制另一页上的成功响应

jquery - 检查从 JQuery Load 加载的复选框

css - Kendo UI 验证消息破坏了 Bootstrap 布局

html - 如何在 slider 中使用中继器

javascript - 带有 Bootstrap 的 jQuery mb-extruder

ruby-on-rails - Bootstrap 弹出框不工作 Rails

Jquery动态图像调整大小不正确的图像尺寸