Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/53.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails Twitter引导Popover不工作_Ruby On Rails_Twitter Bootstrap_Popover - Fatal编程技术网

Ruby on rails Twitter引导Popover不工作

Ruby on rails Twitter引导Popover不工作,ruby-on-rails,twitter-bootstrap,popover,Ruby On Rails,Twitter Bootstrap,Popover,在app/assets/javascripts中,我从twitter github保存了bootstrap.js。我在app/assets/stylesheets中加载了与popover和工具提示相关的引导CSS 从我的show.html.erb in-app/views/questions: 看起来它们只是注释,但我查了一下语法,似乎是正确的 我尝试过的事情: 1.加载所有CSS,而不仅仅是那些与popover相关的CSS。 2.所有其他相关的stackoverflow帖子我认为您的项目中包含

在app/assets/javascripts中,我从twitter github保存了bootstrap.js。我在app/assets/stylesheets中加载了与popover和工具提示相关的引导CSS

从我的show.html.erb in-app/views/questions:

看起来它们只是注释,但我查了一下语法,似乎是正确的

我尝试过的事情: 1.加载所有CSS,而不仅仅是那些与popover相关的CSS。
2.所有其他相关的stackoverflow帖子

我认为您的项目中包含了您需要的所有内容,但是我发现您的按钮的HTML/Javascript中缺少了一些内容

首先,popover需要将鼠标悬停在按钮上时显示的内容。这是通过在元素的数据内容属性中指定信息来实现的。因此,您的按钮将如下所示:

<button class="btn" id="button1" data-content="Popover Content">
    <%= @question.option_1 %>
</button>
然后,在滚动加载popover的javascript中,指定了几个选项。这些需要用花括号包裹起来:

<script type="text/javascript">
    $(function () {
         $(".btn").popover(
            {
                offset: 5,
                placement: 'left'
            }
        );
    });
</script>

通过这两个更改,您应该可以启动并运行一个弹出窗口,该窗口显示在按钮的悬停位置,其中包含文本弹出窗口内容。

我认为您的项目中包含了您需要的所有内容,但我发现您的按钮的HTML/Javascript中缺少一些内容

首先,popover需要将鼠标悬停在按钮上时显示的内容。这是通过在元素的数据内容属性中指定信息来实现的。因此,您的按钮将如下所示:

<button class="btn" id="button1" data-content="Popover Content">
    <%= @question.option_1 %>
</button>
然后,在滚动加载popover的javascript中,指定了几个选项。这些需要用花括号包裹起来:

<script type="text/javascript">
    $(function () {
         $(".btn").popover(
            {
                offset: 5,
                placement: 'left'
            }
        );
    });
</script>

通过这两项更改,您应该可以启动并运行一个弹出窗口,该窗口显示在按钮的悬停位置,其中包含文本弹出窗口内容。

您是否加载了工作所需的其余弹出窗口脚本?就像工具提示和转换脚本一样?是的,我已经加载了所有引导脚本popover脚本没有与引导捆绑在一起。你必须下载并特别包括它们…我下载了自定义选项下的所有Javascript-它们肯定在文件中。你加载了工作所需的其他popover脚本了吗?就像工具提示和转换脚本一样?是的,我已经加载了所有引导脚本popover脚本没有与引导捆绑在一起。你必须下载并包含它们…我下载了定制选项下的所有Java脚本-它们肯定在文件中。