bootstrap和jquery混用会有问题么_百度知道
bootstrap和jquery混用会有问题么
bootstrap和jquery混用会有问题么？...
bootstrap和jquery混用会有问题么？
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
罐头GG知道合伙人
采纳数：23
获赞数：79
亲……当然不会来，bootstrap的js插件部分还必须先导入jq才能执行的
我想也是 可是就是运行不起来~！他说找不到$ 可是我明明引入了jquery这是为什么呢？
截取了bootstrap上官网的句子，如上图所示：以我看，可能是两个原因，第一：jquery的版本不适合或者损坏了，建议你去jquery官网下载最近版本，第二：你引用的路径错了或位置错，反正就是导入不成功，这个可以在firebug检查的
为你推荐：
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。详解处理bootstrap4不支持远程静态框问题
&更新时间：日 09:44:01 & 作者：栖迟於一丘
这篇文章主要介绍了详解处理bootstrap4不支持远程静态框问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
我就是喜欢用新的，况且 bs4 出来也很久了，用了一段时间后发现它并不支持远程静态框了，查了一下这部分已经被移除了。
所以，以前的 &a data-toggle="modal" href="remote.html" rel="external nofollow" data-target="#modal"&Click me&/a& 这种写法就没法用了，因此这部分要手动处理下。
处理的方式其实也比较简单，改成手动 load 而已，按照 bs3 的效果是远程结果取代静态框中的 modal-content 部分:
&button data-toggle="modal" data-remote="remote.html" data-target="#modal"&Click me&/button&
$('#modal_result').on('hidden.bs.modal', function (e) {
$(this).find('.modal-body').html(' 等待结果，请稍后...');
$(this).removeData('bs.modal');
}).on('show.bs.modal', function (e) {
// 手动处理下载入过程
var button = $(e.relatedTarget);
var modal = $(this);
modal.find('.modal-content').load(button.data("remote"));
&!DOCTYPE html&
&meta charset="utf-8"&
&title&Codeply preview&/title&
&link href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet"&
&button data-toggle="modal" class="btn btn-primary" data-remote="a.html" data-target="#modal"&Click me&/button&
&div id="modal" class="modal fade"&
&div class="modal-dialog"&
&div class="modal-content"&
&div class="modal-header"&
&button type="button" class="close" data-dismiss="modal" aria-label="Close"&&span
aria-hidden="true"&×&/span&&/button&
&h4 class="modal-title"&&/h4&
&div class="modal-body"&
等待结果，请稍后...
&div class="modal-footer"&
&button type="button" class="btn btn-default" data-dismiss="modal"&关闭&/button&
&!--scripts loaded here--&
&script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"&&/script&
&script src="https://cdn.bootcss.com/popper.js/1.14.3/umd/popper.min.js"&&/script&
&script src="https://cdn.bootcss.com/bootstrap/4.1.1/js/bootstrap.min.js"&&/script&
$('#modal').on('hidden.bs.modal', function (e) {
$(this).find('.modal-body').html(' 等待结果，请稍后...');
$(this).removeData('bs.modal');
}).on('show.bs.modal', function (e) {
var button = $(e.relatedTarget);
var modal = $(this);
modal.find('.modal-content').load(button.data("remote"));
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具如果你总是轻言放弃, 你将会一事无成.
使用jquery.fullpage.js需要动态改变导航小圆点的样式
在使用jquery.fullpage.js(2.6.7)时遇到这样的需求, 看下图:
需求是4个小圆点的样式都不一样, 看了下插件自己生成的导航的HTML结构, 发现是这样的:
很显然, 小圆点的样式主要是受&span&的影响, 但是根据当前的html结构又不能很好的区分&span&, 无奈, 情急之下改源代码:
function addVerticalNavigation(){
$body.append('&div id="' + SECTION_NAV + '"&&ul&&/ul&&/div&');
nav = $(SECTION_NAV_SEL);
nav.addClass(function() {
return options.showActiveTooltip ? SHOW_ACTIVE_TOOLTIP + ' ' + options.navigationPosition : options.navigationP
for (var i = 0; i & $(SECTION_SEL). i++) {
var link = '';
if (options.anchors.length) {
link = options.anchors[i];
var li = '&li&&a href="#' + link + '"&&span class="nav-dot-'+ (i + 1) +'"&&/span&&/a&';
var tooltip = options.navigationTooltips[i];
if (typeof tooltip !== 'undefined' && tooltip !== '') {
li += '&div class="' + SECTION_NAV_TOOLTIP + ' ' + options.navigationPosition + '"&' + tooltip + '&/div&';
li += '&/li&';
nav.find('ul').append(li);
剩下的事情就简单了, 根据不同的css类名给&span& 添加样式, 就可以达到需求.
Fullpage.js导航颜色无法更改解决方法(navigationColor无效)
fullpage.js自定义导航
fullpage的使用方法及配置项
（慕课网视频总结）
bootstrap侧边栏圆点导航
Android 启动引导页（动态生成底部导航圆点）
fullpage插件使用笔记
没有更多推荐了，select2和bootstrap模态框一起使用导致select2的input获取不到焦点问题
时间： 14:19:11
&&&& 阅读：128
&&&& 评论：
&&&& 收藏：0
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&&
select2和bootstrap模态框一起使用导致select2的input获取不到焦点问题
把页面中的
tabindex="-1"
删掉, 或者值改为1
代码片段：
&div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&
&div class="modal-header"&
&button type="button" class="close" data-dismiss="modal" aria-hidden="true"&×&/button&
&h3 id="myModalLabel"&Panel&/h3&
&标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&原文：http://www.cnblogs.com/wuqianling/p/6289967.html
教程昨日排行
&&国之画&&&& &&&&&&
&& &&&&&&&&&&&&&&
鲁ICP备号-4
打开技术之扣，分享程序人生！bootstrap可以实现全屏滚动吗？类似于fullpage的那种效果_百度知道
bootstrap可以实现全屏滚动吗？类似于fullpage的那种效果
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
育知同创教育知道合伙人
百度知道合伙人官方认证企业
育知同创教育
知道合伙人
1、【专注：Python+人工智能|Java大数据|HTML5培训】。 2、【免费提供名师直播课堂、公开课及视频教程】。 3、【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
　　可以啊 在css上把要全屏的section的高度设为100% - 另外html和body的高度也设为100%
为你推荐：
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。