Tag: twitter bootstrap

bootstrap模式在下拉菜单中不起作用

Bootstrap 3.3在下拉菜单中没有工作情绪链接。 的jsfiddle Add New Link 如果我从js模式删除此行完美,但下拉菜单在单击后折叠。 必须打开下拉菜单。 $(‘.dropdown-menu’).click(function(e) { e.stopPropagation(); });

codeigniter javascript not found错误

首先,我很抱歉我的英语不好,我很西class牙语,如果我做错了,我很抱歉,这是我的第一篇文章。 我在codeigniter 2.1.4中加载javascript文件时遇到问题。 我没有把它加载到我页面的标题中。 css文件装得很好。 此示例尝试加载jquery和bootstrap。 我正在遵循codeigniter文档中的步骤,当我创建codeigniter静态页面“home.php”时,我想使用bootstrap进行设计。 我遵循的教程是: http : //ellislab.com/codeigniter/user-guide/tutorial/static_pages.html 我的文件夹结构: htdocs目录 myproject(curriculos) 应用 调节器 pages.php 意见 模板 header.php文件 网页 home.php about.php 系统 资产 引导 CSS bootstrap.min.css JS bootstrap.min.js jquery- 2.1.0.min.js 我一直在这个论坛和其他人搜索,我总是找到与base_url()或site_url()相同的例子。 这些是我的: 更新的代码: <script type="text/javascript" src="assets/bootstrap/js/bootstrap.min.js”> 我的autoload.php加载了url helper: $ autoload[‘helper’] = array(‘url’); 当我尝试加载页面时,我收到以下错误: GET http://localhost/curriculos/assets/jquery-2.1.0.min.js 404 (Not Found) GET http://localhost/curriculos/assets/bootstrap/js/bootstrap.min.js 404 (Not Found) […]

从Bootstrap typeahead和JSON制作可点击的结果列表

我想让我的Bootstrap预先输入列表的结果列表可单击,如果用户点击下拉列表中的任何项目,它将被重定向到所选项目的[在我的网站上,而不是外部链接]的URL。 我对此Stackoverflow主题进行了更改: jquery autocomplete json和可点击链接 问题是,我没有进入JS和Jquery,我不知道为什么我会收到此错误(Firefox Firebug控制台输出)。 每次我在输入文本框中输入任何字母时都会收到此错误: TypeError: it.toLowerCase is not a function bootstrap3-typeahead.min.js (1. line, 3920. column) 我看到我的PHP结果似乎没问题,所以它必须是jQuery语句中的东西…… 这是我的PHP结果: [{“name”:”TEXT-ONE”,”url”:”\/textone-postfix”},{“name”:”TEXT-TWO”,”url”:”\/texttwo-postfix”},{“name”:”TEXT-THREE” ,”url”:”\/textthree-postfix”}] 这是我的JQuery代码: $(document).ready(function() { $(function() { $(‘#namesearch’).typeahead({ source: function(request, response) { $.ajax({ url: ‘/functions/search-autocomplete.php’, type: ‘POST’, dataType: ‘JSON’, data: ‘query=’ + request, success: function(data) { response($.map(data, function(item) { return { url: item.url, value: […]

jQuery Bootstrap多个模态,如何隐藏active / top模态

我有一个模态forms,有时需要打开第二个模态来设置或显示一些数据。 我可以启动第一个和第二个模态OK,但是当我关闭’top’模态时,两个模态都被隐藏了。 是否有可能一次隐藏一个模态? 显示模态一: $(‘#content’).on(‘click’, “a#AddItemModal”, function () { var id = $(this).attr(‘value’); var val = ‘/AddItems/id:’ + id; $(‘#addItemBody’).load(val); $(‘#addItemModal’).modal({}); }); 模态一: Close 显示模态二: $(‘#test_embed’).click(function () { var val = $(‘#formEmbed’).val(); $(‘#myModalLabel’).html(‘Embed Preview’); $(‘#embedBody’).html(val); $(‘#embedModal’).modal({}); }); 模式二: Embed Preview Close

无法在bootstrap中触发popover内的任何javascript事件

好吧,我已经处理了这个问题几天了,我发现我无法在引导程序弹出窗口中触发任何事件。 我甚至尝试触发alert()并且它什么也没做。 我有一个带有按钮的弹出窗口。 单击该按钮时,其上的文本会发生变化。 有帮助吗? 在这里小提琴 。 谢谢。

如何将图像置于旋转木马中心

如何在旋转木马中居图像? 我使用bootstrap教程中的代码尝试了bootstrap 3 carousel: 对于宽屏幕,旋转木马图像左对齐,图像右侧有空白空间。 如何使旋转木马更好? 是否可以居中图像或其他解决方案?

Jquery Isotope和Twitter Bootstrap网格

我试图与我的Twitter Bootstrap网格一起实现jQuery Isotope,我被卡住了。 我有一个通常的列引导标记。 我有三行(.row-fluid),里面各有三列(.span4) 现在,当我在所述列上调用Isotope时,我得到的是行内的第三个元素进入新行,即使在顶行有空间。 你能帮忙吗? 我的jQuery就是这个(忽略jsfiddle上的其他变量): pGrid.isotope({ hiddenStyle : { opacity : 0 }, visibleStyle : { opacity : 1 }, itemSelector : ‘.span4’, layoutMode : ‘fitRows’, resizable: false }); 我已经设置了jsfiddle上发生这种情况的例子: http : //jsfiddle.net/HASg6/

加载Bootstrap的问题通过Ajax Post选择选项

使用Bootstrap 3和Bootstrap-Select插件我试图从数据库加载ajax选择下拉列表的选项。当我从select元素中移除select picker lass但是使用该类时,代码工作正常(需要使用bootstrap select)它没有加载任何选项。 Select From The List $(‘.btn-group .btn’).click(function(){ $.post( ‘con/animalList.php’, { selType : this.id }, function(data) { $(‘#arearesults’).html(data); } ); }); 我已经测试了bootstrap select插件,它也在独立模式下工作(硬编码)。 你可以告诉我为什么会这样,以及如何解决这个问题? 谢谢

在关闭twitter bootstrap模式时,向Object原型添加方法会导致错误

我有一个非常奇怪的问题。 我正在使用Twitter Bootstrap 2.我在页面上有一个modal dialog,我这样打开: $(‘#rights-dialogue).modal(); 我还在Object.prototype对象中添加了一个自定义函数,如下所示: Object.prototype.foo = function (a) {}; 单击modal dialog中的x按钮时,对话框会关闭,但黑色背景仍然存在,我在jQuery事件处理代码中出现了一个奇怪的jQuery错误: Uncaught TypeError: Cannot read property ‘origType’ of undefined 如果我从我的foo()函数中删除所有参数,我不会得到这个错误,一切正常。 这是一个说明问题的jsfiddle: http : //jsfiddle.net/nicholascloud/r6T8z/5/ 。 我不知道这里发生了什么。 编辑:我注意到的其他一些事情。 Object.prototype上的方法名称似乎并不重要。 任何带参数的方法都会导致此错误。 如果添加的方法没有参数,则不会发生错误。 当jQuery从DOM中分离事件侦听器keyup.dismiss.modal时,会发生此错误。 我已经用jQuery 1.7.1和1.7.2确认了这个错误,但我怀疑它是一个Twitter Bootstrap问题而不是jQuery本身。

单击标题中的按钮时如何防止手风琴切换?

我正在使用bootstrap的手风琴类,并希望在标题中有按钮可以点击而不切换手风琴。 这是HTML示例: title test Button panel content 我尝试使用e.preventDefault();的onclick处理程序e.preventDefault(); 阻止手风琴触发,但它不起作用: window.foo = function(e) { console.log(“foo”); $(“.body”).append(“foo”); e.preventDefault(); } 的jsfiddle 如何在单击按钮时阻止手风琴触发?