Tag: twitter bootstrap

Bootstrap模态切成两半

我有一个模态窗口设置，但是当按下激活它的按钮时，显示的模态会被切成两半， 就像这样。 在较小的窗口中，模态看起来很好。 请原谅代码，这有点乱。 OAMK Opinnäytetyöt html { overflow-y:scroll; } body { padding-top:50px; } #todo-list { margin-bottom:30px; } OAMK Opinnäytetyöt Lisää uusi aihe {{ todo.aihe }} {{ todo.kuvaus }} × Modal Header Lisää Close

显示弹出窗口关闭浏览器选项卡或离开页面

我有一个在我的项目中编写的弹出代码。 简单我在使用mousemove时使用的是褪色效果。 Bootstrap modal在mousemove上显示完美但我需要在用户关闭浏览器选项卡或离开页面时显示模态。 以下是我的代码 之前 $(document).on(“mousemove”, function (e) { $(‘#exitpopup’).css(‘top’, (window.innerHeight / 2 – $(‘#exitpopup’).height() / 2)); if (abc) { if (e.pageY >= 5) { abc = false; // Show the exit popup $(‘#exitpopup_bg’).fadeIn(); $(‘#exitpopup’).fadeIn(); abc = 0; } } }); 上面的代码工作正常，但我怎么能在下面的代码中使用fadeIn或建议我任何其他方式请。 window.addEventListener(“beforeunload”, function (e) { var confirmationMessage = “\o/”; (e || window.event).returnValue = […]

显示或显示可见的活动标签

我有引导标签的工作代码。 在哪里我可以添加和删除选项卡。 当标签溢出时，也会显示向下箭头。 因此，用户可以单击箭头以查看可用的选项卡数量。 问题： 当我从下拉菜单中单击选项卡时，它会使其处于活动状态，但不会向左滚动。 这样用户就可以看到顶部的活动标签。 添加和删​​除按钮工作。 但是当标签溢出并显示新的加号图标以添加新的添加。 然后我无法删除。 （可能是DOM准备好的问题。）试图在点击上做文件。 但那没用。 当我尝试从下拉菜单中删除选项卡时，它不会删除。 谢谢… 示例Jsfiddle chkPlusIcon(); function chkPlusIcon() { setTimeout(function () { var pageWidth = $(“.pull-left-db-nav-tabs”).width(); var lastElementLi = $(“.db-nav-tabs”); var elementWidth = $(lastElementLi).width(); var elementLeft = $(lastElementLi).position().left; $(‘.pull-right-db-nav-tabs-ul’).empty(); if (pageWidth – (elementWidth + elementLeft) = 1) {} else { $(‘.db-nav-tabs > li’).clone().appendTo(‘.pull-right-db-nav-tabs-ul’); } /* […]

conflit jquery wordpress bootstrap

我正在使用bootstrap到WordPress主题，我在wp-include文件夹中的jQuery和我的主题jQuery之间存在冲突 这是我需要bootstrap.min.js和jquery.js的函数jQuery jQuery(function($) {‘use strict’, //#main-slider $(function(){ $(‘#main-slider.carousel’).carousel({ interval: 8000 }); }); }); 我怎么能解决这个问题？

在实施CKEDITOR时，通过id查找textarea不再有效

我有一个信息表，允许用户编辑它。 在一个单元格中，有文本信息。 如果用户单击该单元格，则会出现一个bootstrap模式，其中包含一个包含从数据库中检索的当前文本的textarea。 这是表格的一部分： Event Notes @foreach($events as $event) {{$event->Event}} id}}”>{{$event->notes}} @endforeach 这是javascript启动模式的一部分： $(‘[id^=”notes”]’).on(“click”, function(){ var input_id = $(this).attr(‘id’); var previousValue = $(‘#’+input_id).html(); console.log(‘clicked! The current notes are: ‘+previousValue); var result = input_id.split(‘-‘); var notes_id = result[1]; console.log(‘The event id selected is: ‘+notes_id); /*Open a modal*/ $(‘#modal-notes’).modal(‘show’); $(‘#modal-notes’).on(‘shown.bs.modal’, function() { console.log(‘Modal has been opened.’); $(this).find(‘#observations’).text(previousValue); […]

如何在ASP.NET MVC中创建一个简单的引导模式对话框

在我的登录页面上，用户单击ForgotPassword链接并转到此页面以填写表单并请求新密码 http://localhost:2350/Account/ForgotPassword 现在，当他们在该页面中单击“ 保存 ”时，他们的请求已创建。 所以我只需要一个Bootstrap模式对话框弹出并说出“你的请求已被提交”，并在其上单击“确定”按钮 ，当他们单击“确定”时，会将他们带回登录页面。 我从来没有做过Ajax ，Popup对话等等。就像这样。 你能指点一些不太复杂的教程代码来跟踪和复制吗？ 因为我的模态非常简单，不包含数据，只有一个静态文本和一个OK按钮，重定向到它上面的登录页面。

在bootstrap popover中选择不工作？

当我第一次打开弹出窗口时，所选择的下拉菜单效果很好，但是当我关闭然后再次打开它时它不起作用，它有点冻结。 这就是我正在做的事情： 我的网站上有4-5个链接，当用户点击弹出窗口打开的任何链接时。 用户在输入字段中填写详细信息，在选择框中选择值等。现在当用户点击保存时，我关闭弹出窗口并保存弹出窗口的html。 现在当我再次打开popover时，每个值都与上次用户填充的值相同。 但是对于我选择的，它会冻结到最后一次采用的值，我无法选择任何值。

Skrollr.js插件不在Parallaxing内部Bootstrap Carousel – 提供小提琴

我对Parallax和平滑滚动的SKrollr.js插件有问题。 一切正常，除了Bootstrap旋转木马，并且我确定任何旋转木马。 它显然是一个显示：当插件在加载时设置自己并且无法看到任何.item类时没有问题。 但我无法弄清楚如何让Skrollr在渲染时看到所有幻灯片/ .item类。 我甚至试过这种东西。 我的Skrollr标记不是代码总是适用于我的问题。 Skrollr Markup data-10p-top-bottom=”background-position-y: 100%;” data-bottom-top=”background-position-y: 0%;” CSS .displaying { display: block !important; } JS var sk = skrollr.init({ forceHeight: false, beforerender: function(data) { $(“.item”).addClass(‘displaying’); }, render: function(data) { $(“.item”).removeClass(‘displaying’); } }); 编辑 我在这里为它制作了一个JSFiddle，或者你可以在这里看到全屏调试 对不起，我是模糊和一般的，因为我知道我的HTML是坚实的。 检查小提琴。 滑块function很好，它的Skrollr无法在运行时看到隐藏的幻灯片，这是问题所在。 我只需要一个更好的解决方案来解决这个问题

bootstrap模态显示与cookie设置为1天

我在Wordpress网站上有一个bootstrap模式，我希望每24小时只出现一次。 我以为我拥有它，但这不起作用。 $(document).ready(function() { if ($.cookie(‘show’) == null) { $(‘#myModal’).modal(‘show’); $.cookie(‘show’, { expires: 1 }); } }); 这只显示一次，然后再次显示。 我哪里错了？

在WYSIWYG编辑器上更改字体大小选项？

所以我有一个来自jqueryscript.net插件的bootstrap wysiwyg编辑器，我试图在字体大小下拉列表中提供更多字体选项。 所以我进入JS并找到它的var并将其从小，中，大，巨大变为更精确的大小，如10px，11px，12px等。但是当我进入编辑器测试它时，它是仍然使用旧的字体大小，所以当我像5px-10px一样，它是中等大小的..等我看了看，看了一眼不太深入的JS并且无法找到它如何拉动那些为了我的生命！ 有没有人知道如何在这个下拉列表上正确调整字体大小？ 谢谢！！ 我把代码放到一个jsfiddle中，因为它在这里太长了，但是它无法在它中运行。 我不得不为js中的print函数删除document.write以使其保存。 http://jsfiddle.net/wfaLa3h0/3/ code here