Jquery 引导程序在html块中不起作用

我想在drupal中实现bootstrap我有'row'类作为联系人id，并为title和desc添加了col-sm-12，但是可以工作。我用容器作为od。我正在做accorbian.js works fine.css作为bootstrap不工作

（函数（$）
{
函数contactList（）{
$（'.view content.contactDesc:first'）.css（'display'，'block'）；
$（'.view content.contactTitle:first、.view content.contactDesc:first'）.addClass（'active'）；
$（'.view content.contactTitle:first.glyphicon'）.addClass（'rotate'）；
$（'.officeAddress.colorme:visible:odd'）.addClass（'grey'）；
$（'.officeAddress.colorme:visible:even'）.addClass（'purple'）；
$（'.contactTitle'）。单击（函数（）{
if（！$（this）.hasClass（'active'））{
$（'.contactTitle.glyphicon'）.removeClass（'rotate'）；
$（this.find（'span.glyphicon'）.toggleClass（'rotate'）；
$（'.contactDesc'）.slideUp（）；
$（'.contactTitle'）.removeClass（'active'）；
$（'.contactDesc'）.removeClass（'active'）；
$（this）.next（'.contactDesc'）.addClass（'active'）；
$（this）.next（'.contactDesc'）.slideDown（函数（）{
$（'.officeAddress.colorme'）.removeClass（'grey'）.removeClass（'purple'）；
$（'.officeAddress.colorme:visible:odd'）.addClass（'grey'）；
$（'.officeAddress.colorme:visible:even'）.addClass（'purple'）；
});
$（this.addClass（'active'）；
} 
});
}
jQuery（文档）.ready（函数（$）{
联系人列表（）；
});
});
.contactForm{
宽度：960px；
保证金：0自动；
边缘顶端：59px；
}
.联络表格{
宽度：960px；
高度：自动；
}
.办公地址{
宽度：960像素；边距：0自动；
字体系列：雷威；
}
.联系人姓名{
宽度：960px；
显示：内联块；
填充：18px40px 18px40px；
字体大小：20px；
}
.contactDesc{
显示：无；
字体大小：23px；
填充：40px0px0；
字体系列：Raleway Regular；
}
.ContactAddress标题p、.CurrentOpen{
宽度：960px；
保证金：0自动；
字体大小：30px；
字体大小：粗体；
颜色：#000000；
填充：38px0px0px0；
文本对齐：居中；
} 
.轮换{
-webkit变换：旋转（90度）；
-moz变换：旋转（90度）；
-o变换：旋转（90度）；
-ms变换：旋转（90度）；
变换：旋转（90度）；
} 
.容器液体{
填充：0！重要；
} 
.办公地址.紫色{
背景#663399；
颜色：#ffffff；
}
.contentWidth.purple.contentWidth.purple p{color:#ffffffff；}
.紫色.字形图标{
颜色：5d218b；
}
格雷先生{
背景：#f7f7f7；
颜色：#6c2a9f；
}
.grey.glyphicon{color:#e2dfdf；}
.purple.row-1-col-1、.purple.row-1-col-1-right、.purple.col电子邮件a、.purple p{
颜色：#ffffff；
}
.grey.col电子邮件a{
颜色：#000000；
}
.紫色{
颜色：#ffffff；
}
.通讯录标题h3{
显示：内联；
字体大小：20px；
字体系列：Raleway Medium；
}
.contactTitle.glyphicon{float:right；top:6px；}
.form_图像{
宽度：960px；
保证金：0自动；
利润上限：85px；
}
.form_图像img{
宽度：960px；
高度：自动；
}
#ContactAddressHeading{页边距底部：55px；}
#联系人{页边距底部：60px；}
.officeAddress{宽度：960px；}
.contactDesc{显示：无；字体大小：18px；}
.colimg{页边距底部：10px；}
.row-1-col-1{浮点：左；填充：0px 0 0px 70px；}
.row-1-col-1-right{min height:250px；float:right；padding:0px 40px 0px 0；}
.addressImg{float:left；}
.col address、.col tele、.col email{padding left:15px；float:left；}
.col地址span{font-family:ralway-SemiBold；字体大小：14px；}
.address、.tele、.email{显示：内联块；}
.行1列1右{
宽度：100%；
}
.address{填充底部：5px；}
.GRY.row-1-col-1、.GRY.row-1-col-1-right、.GRY.row-1-col-1 p、.GRY.row-1-col-1-right p{颜色：#000000；}
.col email p、.col email div、.col tele p、.col tele div{display:inline；}
.contactDesc.views行{填充底部：40px；}
.col地址div p{字体大小：14px；字体系列：Raleway常规；边距：0 0 1px；}
@介质（最小宽度：0px）和（最大宽度：780px）{
.第1列第1列-右侧{
浮动：左；
填充：0px0px0px；
最小高度：250px；
}
.row-1-col-1{填充：0；}
.contactDesc{
浮动：左；
宽度：100%；
}
.地址{
浮动：左；
宽度：100%；
}
.通讯地址标题p{
宽度：自动；
字体大小：25px；
填充：25px 0px 0px 0；
}
#联系人地址标题{
边缘底部：25px；
}
#联系方式{
显示：无；
}
}

钦奈-印度
印度海得拉巴
请在bootstrap.js之前添加jquery
您的问题在于此函数：

    (function ($)
            ......
    })

将其更改为：

    (function ($)
            ......
    })(jQuery);

有关更多详细信息，请参阅

工作代码段：
（函数（$）
{
函数contactList（）{
$（'.view content.contactDesc:first'）.css（'display'，'block'）；
$（'.view content.contactTitle:first、.view content.contactDesc:first'）.addClass（'active'）；
$（'.view content.contactTitle:first.glyphicon'）.addClass（'rotate'）；
$（'.officeAddress.colorme:visible:odd'）.addClass（'grey'）；
$（'.officeAddress.colorme:visible:even'）.addClass（'purple'）；
$（'.contactTitle'）。单击（函数（）{
if（！$（this）.hasClass（'active'））{
$（'.contactTitle.glyphicon'）.removeClass（'rotate'）；
$（this.find（'span.glyphicon'）.toggleClass（'rotate'）；
$（'.contactDesc'）.slideUp（）；
$（'.contactTitle'）.removeClass（'active'）；
$（'.contactDesc'）.removeClass（'active'）；
$（this）.next（'.contactDesc'）.addClass（'active'）；
$（this）.next（'.contactDesc'）.slideDown（函数（）{
$（'.officeAddress.colorme'）.removeClass（'grey'）.removeClass（'purple'）；
$（'.officeAddress.colorme:visible:odd'）.addClass（'grey'）；
$（'.officeAddress.colorme:visible:偶数'）.addClass（'purple'））