Tag: twitter bootstrap

Twitter Bootstrap Js（标签，弹出窗口，下拉菜单）在Drupal中不起作用

首先，我使用Twitter bootstrap设计网站并将其转换为HTML。 我的网站的静态模型工作得非常好所有选项卡弹出等工作得很好。 但是，当我向开发人员提供HTML以实现动态代码和模板创建时，所有事情都停止工作只有UI就在那里，但没有标签，弹出窗口，下拉列表正在工作我检查JS路径他们都很好。 开发人员甚至插入了jQuery简单的选项卡，他们工作得很好但是twitter bootstrap JS不知道为什么？ 请帮助其他我必须在jQuery中再次设计所有这些东西并根据twitter bootstrap UI自定义它：’（

谷歌地图v3显示Jquery和Bootstrap错误的地图（Rails 4）

我有一个Rails 4应用程序，我正在使用Bootstrap。 我想显示一张Google Maps v3地图。 我成功了，但现在我想在div容器中显示这个地图，这个容器最初是隐藏的，位于Bootstrap行内，并且跨越div。 因此，当用户点击“显示地图”按钮时，将显示包含内部地图的div。 我可以在用户单击按钮时显示div，但地图未正确显示。 我只能在div的左上角看到200px左右的小方块地图，div的其余部分是灰色的。 控件也显示错误。 我看到有很多条目存在这个问题，但是，到目前为止我无法修复它。 我不确定问题是否是因为bootstrap（我看到一个post，他们说你必须覆盖一些img样式。我已经做过了）或者问题是否与调整地图大小有关。 但事实是我无法正确显示它。 请帮忙。 我的代码： Rails查看： Latitude: Longitude: Address: 使用Javascript： // Shows and hide info, rating and maps divs. $(document).ready(function(){ $(“.show-on-hover”).hide(); $(“.sliding-map”).hide(); $(‘.show_map’).click(function() { $(“.sliding-map”).slideToggle(); }); var map; function initialize() { var mapOptions = { zoom: 8, center: new google.maps.LatLng(-34.397, 150.644), mapTypeId: google.maps.MapTypeId.ROADMAP }; map […]

根据用户从下拉列表中选择显示多个文本框

我希望根据用户从下拉框中选择的数字显示多个文本框。 因此，如果用户选择1，则会出现1个框，然后会出现2个框等。 我的下拉 – 1 2 3 当用户选择一个我想要显示的数字时： Name: 来自@Elise Chant的代码正在寻找，但当我将它放在编辑器中时，如下所示它不起作用，但在她链接的示例中起作用。 var el = ” + ‘Name:’ + ” + ” + ” + ”; $(‘#numNames’).on(‘change’, function(e) { var numSelected = $(this).val(); appendControls(numSelected); }); function appendControls(num) { $(‘#elcontainer’).empty(); for (var i=0; i<Number(num); i++) { $('#elcontainer').append(el); } } JS Bin 1 2 3 任何人都知道为什么这不起作用？

在validation失败的情况下防止bootstrap模态消失

我试图阻止bootstrap模式消失，以防用户输入任何无效数据。 我的phpvalidation码是： if (isset($_POST[‘submit’])) { $conn = new mysqli(“localhost”, “ahmesmat”, “ZainMalek3110”, “SignUpsIroners”); if ($conn->connect_error) { die(“Connection failed: ” . $conn->connect_error); } else if (!$_POST[‘lname’]) $error=”Your first name.”; if (!$_POST[‘fname’]) $error.=”Your last name.”; if (!$_POST[’email’]) $error.=”Your email address.”; if (!(isset($_POST[‘day’]) && isset($_POST[‘month’]) && isset($_POST[‘year’]))) $error.=”Your full date of birth.”; if (!$_POST[‘phone’]) $error.=”Your phone number.”; if (!$_POST[‘ssn’]) […]

将jquery.validate与bootstrap popover集成

我有一个使用jquery.validate插件validation的注册表单。 现在，如果表单无效，我想将validate的结果放在bootstrap popover中，但实际上，我不知道如何才能做到这一点。 一些帮助？

如何从popover到textbox解析值？

我想从弹出窗口中的下拉框中将值解析为输入文本。 我可以让它弹出但不能插入选定的值。 由于某些原因，我不需要在弹出窗口中选择。 HTML Choose your option one two option> OK JS $(“[data-toggle=popover]”).popover({ html: true, content: function() { return $(‘#popover-content’).html(); } }); var selectVar = $(‘#select’).val(); $(‘#optBtn’).click(function() { $(‘#input’).val(selectVar); }) 在这里小提琴： https ： //jsfiddle.net/723exh1g/3/

Bootstrap工具提示CSS更改工作在文件中但不是jQuery

我正在尝试自定义.tooltip-inner类的外观（来自Twitter Bootstrap），当我将它添加到我的CSS文件（它覆盖Bootstrap.css）时它工作正常： .tooltip-inner { color: #333; background-color: #fff; border: 1px solid #333; } 这是使用工具提示的地方： 但是当我尝试这个时： $(function(){ //$(‘#notebookIcon’).tooltip(); Uncommenting this doesn’t fix $(‘.tooltip-inner’).css(‘background-color’,’#fff’); $(‘.tooltip-inner’).css(‘color’,’#333′); $(‘.tooltip-inner’).css({“border-color”: ‘#333’,”border-width”:”1px”,”border-style”:”solid”}); }); 更改不会出现。 旁注：出现的工具提示的实际类是class=”tooltip fade bottom in” （这是在运行时使用Firebug观察到的）但修改.tooltip-inner CSS似乎有效。

如何在类中使用getElementById获取值并在另一个类中使用它

Input Now All Headings 我正在使用bootstrap，当按下Now按钮时，我将在表单中给出一些字符串。 我应该在textarea中获取该字符串的 标记（即textarea中的 some string ，其中应用了 标记）。 它可以实现吗？ 我想使用jQuery。

jQuery：脚本的结果在执行后被删除 – 在后台运行removeData（）？

我有一个模态窗口用于更新或添加新的对象Store 。 此模式具有两个属性的级联下拉列表： Department和District 。 它应该如何工作： 我们首先确定我们是否处于创建或更新Store 。 如果是一个新的 Store ，模态打开并使用jQuery我们为District下拉列表提供默认值（因为尚未选择任何Department ）。 var wasclicked = 0; var $this = this; $(document).ready(function () { document.getElementById(“modalbutton”).onclick = function () { //is AddNew Store button is hitted, this var = 1 wasclicked = 1; }; $(‘#modal-action-store’).on(‘hidden.bs.modal’, function () { //global.wasclicked = 0; wasclicked = 0; $(this).removeData(‘bs.modal’); }); $(‘#modal-action-store’).on(‘shown.bs.modal’, […]

在Jquery进度条中显示百分比

我的页面中有一个动态更新的进度条，我想在中间区分百分比，但我无法弄清楚如何。 这是我页面上的进度条： 这是我更新进度条的jQuery代码： $.ajax({ xhr: function () { var xhr = new window.XMLHttpRequest(); xhr.upload.addEventListener(“progress”, function (evt) { if (evt.lengthComputable) { var pct = evt.loaded / evt.total; $(“#prog”).css({ width: pct * 100 + ‘%’ }); $(‘#progress-value’).html(pct * 100); } }, false); xhr.addEventListener(“progress”, function (evt) { if (evt.lengthComputable) { var pct = evt.loaded / evt.total; $(“#prog”).css({ width: […]