我已经在我的gem文件中包含了我的boot-strap gem,并且css代码似乎工作得很好。但现在我正尝试使用$('.dropdown-toggle').dropdown()实现一个下拉菜单,但有人告诉我需要从bootstrap下载另一个*.js文件。它们不都包括在宝石里吗?还有,有没有教程可以教我如何在RoR中使用下拉菜单?
编辑:
// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
根据教程,我已经用JQuery创建了一个简单的下拉菜单。链接:
它的jQuery代码是:
$('body').ready(function() {
// Add the 'hover' event listener to our drop down class
$('.dropdown').hover(function() {
// When the event is triggered, grab the current element '
我在一些使用jquery的下拉菜单上找到了一个教程。它工作得很好,但我想稍微调整一下。而不是使用悬停隐藏菜单,我希望有显示菜单的相同按钮,当它再次被按下时隐藏它。因此,同一个按钮必须同时隐藏和显示下拉菜单。我使用的脚本:
$(document).ready(function () {
$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span
我在我的网站上使用自定义主题,它需要jquery.min.js,所以下拉菜单可以工作,但是当我使用select2时,jquery文件似乎被调用了两次。
这是细节。
当我在我的main.php上调用jquery时,我的下拉菜单可以工作,但是我的select2不能工作,并且得到了TypeError: jQuery(...).select2 is not a function错误
但是,当我不在main.php上调用jquery时,下拉菜单就不能工作,并且会出现这样的错误。
错误:引导程序的JavaScript需要jQuery bootstrap.min.js:6:37 ReferenceE
jQuery('li.has-sub ul li:even').addClass('even');
jQuery('li.has-sub ul li:odd').addClass('odd');
这些类正被添加到下拉菜单中。在一个下拉菜单中,类被正确添加,但另一个下拉菜单将类even添加到奇数元素。我认为jquery可能将所有列表项一起计数,这仍然不能解释为什么它将1算作偶数。你可以在这个url上看到这个问题:
黄色背景的菜单从漂流之旅开始。
我尝试添加this,试图让jQuery只计算有问题的ul,但没有成功。
我是一个绝对的jQuery菜鸟。我一直在遵循一个教程,将CSS/jQuery导航菜单添加到我的站点中,并使其正常工作。我唯一希望看到添加的是鼠标移出时的一个小延迟,因为当您鼠标移出时,下拉菜单会立即消失,这使得菜单使用起来有点烦人。下面是我的脚本:
function mainmenu(){
$(" .top-menu ul ").css({display: "none"}); // Opera Fix
$(" .top-menu li").hover(function(){
$(this).find('ul:first').c
我的应用程序中有一个图像滑块小部件。为此,我使用了jquery循环。我有一个下拉菜单,我可以在其中更改滑块的效果。但是我需要在一个页面的多个地方插入这个图像滑块。对于下拉菜单,我使用了id..因此,当我在一个页面的多个页面中插入图像时,对所有页面的效果都是相同的(因为我使用了id)。因此,我想为下拉菜单指定一个类名。在这种情况下,如何在jquery中分配effects值。请找到下面的代码..对此有任何想法都将不胜感激。?/(我正在学习jquery和JS)。Jquery代码:
var effects_id = document.getElementById('slideshow_effe