Tag: twitter bootstrap

Bootstrap工具提示初始化但未显示: 我正在尝试设置Bootstrap工具提示，它似乎没有工作。 This is a sentence with a tooltip 和 $(document).ready(function(){ $(“a”).tooltip(); }); 我已经设置了以下jsFiddle html似乎转换为以下内容： This is a sentence with a tooltip 并呈现工具提示html： A collection of words. 使用正确的CSS样式：但它从未在浏览器中显示过？

有人可以评论我的错误修复吗？: 我一直在使用Twitter的Bootstrap Tooltip插件。除了在svg元素上使用时，它会完全正常工作。经过一些调试，我缩小了问题范围。在js文件中， init函数如下所示： , init: function (type, element, options) { var eventIn , eventOut … if (this.options.trigger != ‘manual’) { eventIn = this.options.trigger == ‘hover’ ? ‘mouseenter’ : ‘focus’ eventOut = this.options.trigger == ‘hover’ ? ‘mouseleave’ : ‘blur’ this.$element.on(eventIn, this.options.selector, $.proxy(this.enter, this)) this.$element.on(eventOut, this.options.selector, $.proxy(this.leave, this)) } … } 我记得SVG-IE 9.0的具体实现存在很多问题，所以我做了以下修改： […]

bootstrap使用js检查/取消选中多个元素: 我正在努力使这项工作，但不能实现它。我有一个bootstrap模板，我想检查并取消选中多个复选框（如下所示： http ： //jsfiddle.net/v6wmV/177/ ）我知道这是一个有许多解决方案的常见主题，但似乎没有一个适用于这种情况我想知道为什么。这是视图中的代码段： Select All Ciudad Autónoma de Buenos Aires Buenos Aires Catamarca Chaco 这是我的js文件（带有其他function）： $(‘.hide’).hide(); $(‘#registered’).click(function(){ $(‘#content’).toggle(‘fast’); }); $(‘#age’).click(function () { $(‘#content2’).hide(‘fast’); $(‘#content1’).show(‘fast’); }); $(‘#range’).click(function () { $(‘#content1’).hide(‘fast’); $(‘#content2’).show(‘fast’); }); $(‘#with’).click(function(){ $(‘#child’).toggle(‘fast’); }); $(‘#showstates’).click(function(){ $(‘#states’).show(‘fast’); }); $(‘#hidestates’).click(function(){ $(‘#states’).hide(‘fast’); }); //function for check/uncheck $(‘.all’).click(function() { var $checkboxes = $(this).parent().find(‘input[type=checkbox]’); $checkboxes.prop(‘checked’, $(this).is(‘:checked’)); […]

正在调用Bootstrap Switch JS，但什么都不做: 我正在使用bootstrap和jQuery，但我目前正在尝试添加Bootstrap Switch。我开始采取行动，因为我无法让它发挥作用。从检查元素看，js似乎没有修改任何html。我试过使用gem或直js / css。我从gem中尝试了sass和css。不管它看起来像js什么也没做。如果我删除bootstrap-switch js文件然后我得到一个错误（这是有道理的），所以我知道它被调用。它什么都没做。以下是我的设置： gem Using sass (3.3.2) Using bootstrap-sass (3.1.1.0) Using bootstrap-switch-rails (2.0.2) Using jquery-rails (3.1.0) Using sass-rails (4.0.1) Application.css.scss @import “bootstrap”; @import “bootstrap3-switch”; 的application.js //= require jquery //= require jquery_ujs //= require bootstrap //= require bootstrap-switch // //= require_tree . other.js $(“#famous-people-switch”).bootstrapSwitch(); some.html.erb Famous […]

在bootstrap 3中将参数传递给远程模态: 我有一个函数将远程内容加载到bootstrap 3模态，它使用php生成的记录集中的id。我好像正在检索id，但远程页面内容总是显示我点击的第一个id $(document).ready(function(){ $(‘.pull-right’).click(function(){ var id = this.id; alert(id); $(‘#myModal’).modal({ remote: ‘/member_profile.php?MemberID=’+id, show: true }); }); }); 正确生成id时，参数是否未正确传递到远程php页面？

MVC4 DateTimePicker找不到图标时间和图标日历: 我使用此链接中的 DateTime选择器来获取用户的日期和时间。我正在使用bootstrap。这是我的代码： Data e Hora Inícial do Gráfico Data e Hora Final do Gráfico $(function () { $(‘#startDateTimePicker’).datetimepicker({ language: ‘pt-BR’ }); $(‘#endDateTimePicker’).datetimepicker({ language: ‘pt-BR’ }); $(“#endDateTimePicker”).data(‘datetimepicker’).setLocalDate(now); $(“#startDateTimePicker”).data(‘datetimepicker’).setLocalDate(oneHourAgo); }); 运行系统时不显示图标日期和图标时间。我不知道在哪里找到那些。有人可以帮我在屏幕上显示这些图标吗？这个插件选择日期和时间有更好的选择吗？我发现只有几个日期或时间的实现，但两者都没有。谢谢。

将参数发送到模态然后删除行: 经过2天的研究，我决定寻求一些帮助，因为我无法继续前进。我在我的网站中显示用户表。每行都有用户数据和删除用户按钮。如果按下删除按钮，则必须显示模式，询问您是否要删除该特定用户。这就是为什么我必须发送一个用户名参数。该模态是图例的确认模式：您确定要删除//用户名//？问题是我知道如何发送参数但不能将其与jquery删除function集成。也不清楚如何删除行，因为我真的是js和jquery的新手。到目前为止这是我的（请注意我使用Smarty模板引擎）： {foreach $frontusers as $frontuser} {if $frontuser->frontavatar_id eq null} {else} {/if} {$frontuser->username} {$frontuser->name} {$frontuser->lastname} {$frontuser->email} {$frontuser->state} {$frontuser->creation_date|date_format:”%Y/%m/%d”} {if $frontuser->status eq 2} Activo {else} No Activo {/if} id}”>Modificar id}” class=”btn mini red-stripe confirm-delete” role=”button”>Delete Delete Are you sure you want to delete user ….? Close Confirm {foreachelse} No […]

Jquery函数不能在Bootstrap模式下工作: 我在我的proyect中使用Bootstrap v2.X，我想使用模态函数打开外部文件。首先，我应该使用的代码是： Graphics 但它对我不起作用。然后我用： Graphics 我把代码放到Jquery： $(‘a#graphics’).click(function(e) { e.preventDefault(); var url = $(this).attr(‘href’); if (url.indexOf(‘#’) == 0) { $(url).modal(‘open’); } else { $.get(url, function(data) { $(” + data + ”).modal(); }).success(function() { $(‘input:text:visible:first’).focus(); }); } }); 它的工作原理！好吧，但这不是主要问题。问题是当模态打开时，不能使用我的代码jQuery。这是我的模态外部： x Titulo modal Imprimir Cerrar 如果我把代码放在原始文件中： $(document).ready(function() { $(‘.nom_epi’).click(function() { alert(“hello”); }); }); […]

在asp.net mvc中实现时，Twitter Bootstrap模式无法正常工作: 我已经使用局部视图在MVC中集成了twitter bootstrap模式，但它无法正常工作，在我通过单击创建按钮加载模态之前以及关闭模态弹出模式弹出窗口之后，在父屏幕上有部分模态弹出窗口内容显示在父屏幕上，没有任何CSS。我想用它来编辑数据。以下是工作代码。请帮忙解决这个问题。谢谢.. _Create.cshtml（部分视图） @using MvcTwitterBootstrap.Models @model MyViewModel × Create Foo Bar @using (Html.BeginForm(“Create”, “Home”, FormMethod.Post, new { @class = “modal-form” })) { @Html.ValidationSummary() @Html.LabelFor(x => x.Foo) @Html.EditorFor(x => x.Foo) @Html.ValidationMessageFor(x => x.Foo) @Html.LabelFor(x => x.Bar) @Html.EditorFor(x => x.Bar) @Html.ValidationMessageFor(x => x.Bar) Undo Save } Index.cshtml @Html.ActionLink(“Create”, “Create”, null, null, new { […]

Twitter Bootstrap：重新加载当前选项卡: 你如何重新加载当前选择的Twitter Bootstrap选项卡？这是我到目前为止，但它只是使任何后续选项卡重新加载多次。 function reload_tab() { $(‘a[data-toggle=”tab”]’).on(‘shown’, function (e) { $(‘#tab-loaded-content’).load($(e.target).attr(‘href’)); }); }