【问题标题】:Cant get Bootstrap javascript to work?无法让 Bootstrap javascript 工作?
【发布时间】:2012-07-12 14:49:42
【问题描述】:

我是 Rails 新手。

我有这个简单的代码:

<h1>Pages#home</h1>
<p>Find <a id="t" rel="tooltip" title="Click me!">me</a> in app/views/pages/home.html.erb</p>

还有 pages.js.coffee 文件:

jQuery ->
    $('a#t').tooltip(placement: 'bottom');

工具提示仍会在单词顶部弹出。

我做错了什么?

【问题讨论】:

    标签: javascript ruby-on-rails twitter-bootstrap tooltip


    【解决方案1】:

    您的 HTML 标记包含错误,请查看您的链接标题,它有 '>' 字符,必须在 HTML 中转义,请改用 &amp;gt;。

    【讨论】:

      【解决方案2】:

      问题在于您如何使用选项。
      试试这个。希望它有效

      $('a#t').tooltip('placement': 'bottom');
      

      【讨论】:

      • 确保您已包含工具提示 js 文件。然后查看错误控制台并告诉问题是什么。也不确定'a#t'部分只尝试'#t'
      • 包含 .js 文件可能有些问题。我使用'twitter-bootstrap-rails' gem,并做了一个 rails g bootstrap:install 来将它安装到项目中。我还有什么需要做的吗?
      【解决方案3】:

      两件事:

      1. 这应该是tooltip()方法调用中的对象字面量。

      2. 如果您已经在元素上激活了工具提示,再次调用tooltip() 方法将无法更新选项。

      鉴于此,请尝试以下操作:

      if ($('a#t').data('tooltip')) { // check for tooltip data first
        $('a#t').data('tooltip').options.placement = 'bottom';
      } else { 
        $('a#t').tooltip({placement: 'bottom'});
      }
      

      免责声明:我既不知道 Rails 也不知道 CoffeeScript,但我知道上面的代码在 JS 中有效。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-09-10
        • 2019-05-14
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多