Tag: twitter bootstrap

在Laravel项目中DataTable过滤（搜索）add_column: 我的项目（在Laravel 5中内置）中使用DataTable Bootstrap Jquery呈现的表有问题。搜索（过滤）适用于从SQL查询生成的列，但是对于使用add_column生成的列不起作用。来自php文件的javascript代码： var oTable; $(document).ready(function() { oTable = $(‘#table’).dataTable({ “sDom” : “<'row'r>t<'row'>”, “sPaginationType” : “bootstrap”, “bProcessing” : true, “bServerSide” : true, “sAjaxSource” : “{{ URL::to(’employee/outputs/data/’.$invoice_status) }}”, “fnDrawCallback” : function(oSettings) { $(“.iframe”).colorbox({ iframe : true, width : “60%”, height : “60%”, onClosed : function() { window.location.reload(); } }); } }); }); Laravel控制器的代码： […]

XPages：Bootstrap Validator: 我试图用Bootstrapvalidation器（ http://bootstrapvalidator.com/examples/mask/ ）构建一个Xpage来validationIP地址你能告诉我我的错在哪里/它如何与Xpages一起工作？它不适用于我的inputText字段谢谢你的帮助

显示所有bootstrap手风琴: 我正在尝试编写一个bootstraps手风琴的链接，它会在点击时显示所有的手风琴面板，然后再次点击时所有的面板都隐藏起来。我有大约90％的工作，除了顶部面板表现得很奇怪。当我第一次点击节目时它会隐藏而另一个菜单打开。来回切换虽然它开始按预期工作。我的jQuery看起来像这样 $(‘#accShow’).on(‘click’, function() { if($(this).text() == ‘View All’) { $(this).text(‘Hide All’); $(‘.collapse’).collapse(‘hide’); } else { $(this).text(‘View All’); $(‘.collapse’).collapse(‘show’); } return false; }); 我试过添加它，但它没有效果： $(‘#collapseOne’).collapse(“show”);

鼠标hover在菜单项事件处理上的引导下拉停止下拉关闭: 小提琴链接播放： https ： //jsfiddle.net/kumkanillam/6v4d7kg9/1/ 我的要求是，更改，编辑，删除事件应该单独触发，右侧的图标对齐不在底部，并且应在事件处理完成后关闭下拉列表。 HTML 按钮对齐下面是正确的，但它触发了两个事件。（即，如果我点击编辑图标然后它触发编辑（）和更改（）） Inside Anchor Tag HTML CSS JavaScript 按钮下方工作完美，但对齐不在右侧 Outside Anchor Tag HTML CSS JavaScript 使用Javascript function change(){ console.log(‘change’); } function edit(){ //i tried event.stopPropagation() – thats leaving me to close dropdown. console.log(‘edit’); } function remove(){ console.log(‘remove’); } CSS ul>li>a:hover i{ display:block !important; float:right !important; } ul>li>a>i{ display:none !important; } […]

Meteor无法识别JS文件以与预构建模板集成: 正如标题所述，我遇到了一些问题，让meteor能够识别预构建的bootstrap模板的Javascript文件。我已经介绍了Manuel Schoebel的文章 – http://www.manuel-schoebel.com/blog/meteorjs-and-twitter-bootstrap—the-right-way 我也读过这篇有用的文章 – https://www.yauh.de/using-pre-made-themes-with-meteor/ 使用Meteor预先构建的主题。这篇文章来自一个一直试图整合相同模板的人 – MeteorJS外部文件：css和js 他声称使用以下代码： Template.layout.rendered = function() { $(‘head’).append(”); $(‘head’).append(”); $(‘head’).append(”); $(‘head’).append(”); } 虽然放在客户端meteor代码似乎没有解决问题。我也安装了bootstrap和Jquery包。我已经尝试将链接直接添加到头部，并将文件移动到不同的区域（从客户端文件夹，到公共等）。这些是我在浏览器控制台中遇到的错误 – http://sofzh.miximages.com/javascript/vFJmdVh.png 这是我目前的文件夹结构 – http://sofzh.miximages.com/javascript/q80HWTr.png 假设像这样的预先构建的模板与旁边的meteor一起工作是否比它值得付出更多的努力是否安全？我对此很陌生，并认为将它们转换为meteor包可能超出了我目前的技能水平。我可以将代码复制到我的meteor .isclient()区域吗？我猜它不会那么简单。我知道meteor不像传统的HTML那样工作，而且首选的是包。我只是觉得无法相信我不能轻易使用使用非包js脚本的引导程序模板。

Javascript无法在rails中的bootstrap模板中运行: 我创建了一个新的rails应用程序并安装了所有必需的gem。添加了所有文件。更新了application.js文件。一切正常但由于某种原因所有与javascript相关的东西都不起作用。我正在使用这个模板： https://startbootstrap.com/template-overviews/creative/ 我也使用部分导航栏。我错过了什么？如果您需要更多信息，请告诉我们！ app / assets / javascripts / application.js // This is a manifest file that’ll be compiled into application.js, which will include all the files // listed below. // // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts, // or any plugin’s vendor/assets/javascripts directory can be referenced […]

Bootstrap Datepicker：将开始日期更改为明天: 我正在使用Bootstrap datepicker ，以下是我的jQuery代码： $(‘.form_date’).datetimepicker({ language: ‘en’, /* endDate: ‘+0d’, */ startDate: ‘+1d’, weekStart: 1, autoclose: 1, startView: 2, format: ‘dd/mm/yyyy’, minView: 2, forceParse: 0, }); 以下是我得到的：我想根据我们的要求在明天突出显示开始日期。我在Bootstrap datepicker文档中找到了一个选项defaultViewDate 。（ http://bootstrap-datepicker.readthedocs.org/en/latest/options.html ）它声明我必须设置defaultViewDate的year ， month和day键。但我不知道如何设置它。

ASP MVC jquery函数在局部视图中不工作但在主视图中工作: 我有一个搜索条件的主视图。主视图包含带有html表的局部视图。搜索结果通过ajax加载。现在我正在尝试通过bootstrap modal实现edit ， create和delete 。所以在表行按钮单击事件的partial view ，我添加了一个函数来打开这样的模态 function ShowModal() { $(‘#myModal’).modal(‘show’); //return false; } 如果放在partial view中，此function不起作用。但是，一旦我在main view放置相同的function，模态就会正确打开。为什么会这样？我想在我的partial view使用script的原因是因为我想将客户端代码保持在一起，因此更容易理解和维护。编辑以下是我的main view以及相关scripts ： @model MVC_Replica.Models.LocationSearchViewModel @using (Html.BeginForm(“index”, “Locations”, FormMethod.Get)){ Location List @Html.TextBoxFor(m => m.LocationSearch.LocationName, new { @class = “form-control”, @placeholder = “Location Name”, @name = “locationName” }) @Html.Partial(“_LocationGrid”) } […]

使用JQuery事件在Bootstrap幻灯片操作后显示文本: 我想在Bootstrap中为每个图像（我有三个幻灯片）完成幻灯片操作后，在链接下方显示一个链接。我试图使用slid.bs.carousel方法，它不起作用。这是我正在使用的JQuery，如果您有任何建议，请告诉我 – 包含轮播的div是#sticksCarousel（而不是默认的’#myCarousel’） $(‘#sticksCarousel’).on(‘slid.bs.carousel’, function() { alert(“BALLS”); }); 谢谢！编辑：这是我对旋转木马的HTML … HEY! $(‘.carousel’).carousel({ interval: 4000 }) $(‘#sticksCarousel’).on(‘slid.bs.carousel’, function() { alert(“BALLS”); }); 基本上我要做的是在每次旋转木马幻灯片操作完成时，在id“sticksCarouselMessage”下获取段落，现在它只是设置为’HEY’。我正在使用javascript警报function作为测试，以查看引导方法slid.bs.carousel是否正在我的网站上工作，现在它不是。更新：这里我对所有HTML内容所做的更改……它仍然不起作用 Untitled Document body { background:url(img/body_bg.png) repeat; } .sticksNav { height:70px; } .headerImg{ margin-bottom:20px; } $(document ).ready.(function() { $(‘.carousel’).carousel({ interval: 4000 }); $(‘#sticksCarousel’).on(‘slid.bs.carousel’, function() { $(“#sticksCarouselMessage”).text(“It worked!”); }); }); […]

Fullcalendar 2无法渲染，Bootstrap 3和Rails 4不兼容？（包括Jsfiddle）: 我一直在尝试在我的rails 4应用程序中渲染日历，当我使用Bootstrap 3时，日历不显示。我用JUST fullcalendar 2和bootstrap 3文件重建了应用程序，它仍然无法渲染。这些是注释中的2个jsfiddles（每个都有一个单独的js调用日历）。他们都使用我试图为我的应用程序所需的文件。我已经工作了好几天，我无法理解发生了什么。我没有更改任何文件或做任何事情。如你所见，我正在使用干净的cdn资产。任何帮助将不胜感激。请参阅评论部分中的jsfiddles。