Tag: twitter bootstrap

表单提交前的Bootstrap Modal

我是Modals的新手，我有一个表格，当用户点击提交时，它会显示一个模态确认用户是否想要提交，该模式还包含来自表单字段的用户输入。 我搜索了整个互联网，但找不到合适的我的需求。 我只看到他们将click事件标记为在链接上打开模态。 我有一个输入类型提交。 你能举出例子或想法吗？ 谢谢！ 这是我的样本表格。 Last Name*required First Name*required

点击更改图标（切换）

我在jquery中有一个简单的脚本，当点击 时切换一个div（显示和隐藏）（我正在使用bootstrap）。 HTML： Advanced search This is the advance search JS： $(‘#click_advance’).click(function(){ $(‘#display_advance’).toggle(‘1000’); $(this).html(‘ Advanced search’); }）; 因此，当我第一次点击图标时，图标从下往上变化，但显然当我再次点击“click_advance”时，图标不会改变回来。 所以我想要像展示和隐藏一样的切换效果; 但是我对如何使用图标做了很多事情。

跳转到特定项目时，更新当前的幻灯片数量 – Bootstrap 3 Carousel

当url匹配#时，我修改了标准的Boostrap 3 Carousel，以便能够跳转到特定的幻灯片。 它有效，但跳转到特定幻灯片时我的pager-text没有更新。 更新pager-textfunction仅在项目滑动后才起作用。 有人有解决方案吗？ 我的HTML： 1/{{ object.photo_set.count }} 我的.js： $(document).ready(function() { //Initiate carousel $(‘.carousel’).carousel({ interval: false }) $(‘.carousel’).on(‘slid.bs.carousel’, function () { var carouselData = $(this).data(‘bs.carousel’); var currentIndex = carouselData.getActiveIndex(); var total = carouselData.$items.length; // Display the current number of the slide var text = (currentIndex + 1) + “/” + total; $(‘.pager-text’).text(text); // […]

如何使用bootstrap模式编辑MVC中的表数据？

我在MVC视图中有一个显示员工详细信息的表。 我想添加一个编辑function，但我不想在新页面中打开它，而是想使用bootstrap模式显示它。 （ http://twitter.github.com/bootstrap/javascript.html#modals ） 我不认为我必须使用ajax，因为页面上已有数据。 我想我需要一些jquery或razor代码将所选员工的数据传递给bootstrap模式，然后在同一个屏幕上弹出。 以下是我的代码。 任何帮助将不胜感激。 谢谢 @Foreach(var item in Model.Employees) { @User.Identity.Name @item.FirstName ….other columns Edit ……..other rows } **Bootstrap Modal** × Edit Employee Selected Employee details go here with textbox, dropdown, etc… Close Save changes

在HTML文件中应该放置Jquery和Bootstrap？

好奇我放置Jquery和Bootstrap文件的位置。 他们建议您始终将底部置于底层以达到性能目的，但当我检查使用Jquery / Bootstrap的站点时，大多数用户始终将它们放在顶部。 我还应该在bootstrap / Jquery文件之前或之后加载我自己的JavaScript文件吗？ 我认为我在引导程序文件之前首先加载我自己的css文件，如果我想覆盖它们的一些样式，这是否正确并且同样适用于javascript文件？

Bootstrap 3下拉列表不适用于Rails 4和Turbolinks

我最近将我的站点升级到Bootstrap 3，并且正在浏览所有布局以更新类名和各种function以使其正常工作。 我最近的问题是下降似乎没有起作用。 起初我以为我没有正确地为我的导航栏实现代码，但在感到沮丧之后，我实际上试图摆脱我的导航栏并使用BS 3文档中的一个直接。 即使该代码也不起作用。 我已经研究了这个，我很确定我已经加载了所有正确的.js库。 这是我的application.js： //= require jquery //= require bootstrap-sprockets //= require jquery.ui.datepicker //= require jquery.timepicker.js //= require jquery_ujs //= require turbolinks //= require bootstrap //= require jquery.remotipart //= require chosen-jquery //= require_tree . 这是我的出现的内容： 我在同一页面上有弹出窗口和其他可折叠项目，并且一切正常，所以我相当确定所有的.js都很机智。 我在其他地方读过，turbolinks可能会为Bootstrap 3造成问题，甚至尝试（然后放弃并恢复）jquery.turbolinks gem也无济于事。 不用说，我不知道如何在jsfiddle上重现这个（对不起）。 最后，我已经validation每次单击下拉列表时都会调用以下四个js函数，大概按以下顺序： 的jquery.js：4306 eventHandle = elemData.handle = function( e ) { // […]

如何将参数从link元素传递给模态窗口？

我有一张桌子。 在表格的单元格中有如下链接： SOME_TEXT 。 当我点击此链接时应该打开一个模态。 这是一个例子： Some HTML/PHP Code 模态必须执行一些取决于“data-id”属性值的操作。 确切地说，在javascript代码中我需要读取此值： $(document).ready(function ( ) { $(‘#remoteModal’).on(‘show.bs.modal’, function( event ) { console.log( /* How do I read the value of data-id? */ ); }); }); 我不知道如何在模态的javascript代码中读取此属性的值。 非常感谢您的关注。

Twitter Bootsrap Carousel .carousel（号码）不工作

我在Twitter Bootstrap Carousel插件上遇到了.carousel(number)方法的问题。 不知怎的，我无法让它发挥作用。 轮播本身已启动并运行， .carousel(‘next’)方法也是如此。 $(‘#carousel-nav a’).click(function(q){ q.preventDefault(); targetSlide = $(this).attr(‘data-to’); //this one doesn’t work $(‘#my-carousel’).carousel(targetSlide); $(‘#my-carousel’).carousel(‘next’); }); 这是标记 Slide 1 Slide 2 Slide 3 任何线索？ 先感谢您。

$（…）。dateatepicker不是一个函数

我使用webpack并想使用bootstrap-datetimepicker 。 在我的webpack配置中，我使用ProvidePlugin来获取“jquery模块”。 在我的代码中，我得到错误$(…).datetimepicker is not a function当我调用$(‘#datetimepicker12’).datetimepicker函数时， $(‘#datetimepicker12’).datetimepicker函数。 我不知道为什么$ variable不包含datetimepicker函数，它应该在var datetimepicker = require(‘eonasdan-bootstrap-datetimepicker’); webpack.config.js var webpack = require(‘webpack’); var merge = require(‘webpack-merge’); var NpmInstallPlugin = require(‘npm-install-webpack-plugin’); var autoprefixer = require(‘autoprefixer’); const TARGET = process.env.npm_lifecycle_event; console.log(“target event is ” + TARGET); var common = { cache: true, debug: true, entry: ‘./src/script/index.jsx’, resolve: { extensions: [”, […]

将php变量传递给模态twitter bootstrap不起作用

嗨，我将php变量传递给twitter boostrap模态。 但是当我点击模态中的链接时，我无法获得正确的ID。 请看下面的代码。 首先我创建了一个foreach函数，其中数据循环第二我创建了一个链接来显示模态第3个我有动作链接在模态中用户可以更新，删除数据。 我已经实现的是我可以将php的变量传递给模态操作，但是当我尝试其他行时它仍然显示相同的ID。 ID Director Address <?php foreach ($natcco_members as $nattco) { $id = $nattco['id']; echo " “.++$counter.” “.$nattco[‘director’].” “.$nattco[‘agent_name’].” “.$nattco[‘address’].” “; ?> × Choose your actions! <a href='https://stackoverflow.com/questions/23467669/passing-php-variable-to-modal-twitter-bootstrap-not-working/update_sub_agent.php?id=’ class=’btn btn-success’> Edit Owner FLA Delete <?php "”; } } ?>