Tag: twitter bootstrap

数据加载按钮上的文本

我在这里检查了类似的问题，但似乎没有一个能解决我的问题。 我正在尝试将数据加载文本添加到我的提交按钮，但到目前为止没有运气。 我正在使用Bootstrap 4！ 这是我的HTML： Submit message! 这是我试过的最后一个jquery代码： $(function() { $(“.btn”).click(function(){ $(this).submit(‘loading’).delay(1000).queue(function() { // $(this).button(‘reset’); }); }); }); 谢谢

如何在Symfony2中的Bootstrap模式弹出窗口中动态显示数据

我想在Modal Popup中显示一个编辑表单，其中包含相应ID的信息。 换句话说，我想在链接点击的模态弹出窗口中显示数据库中的动态数据。 到目前为止我尝试过的：Twig文件，其中包含所有数据的列表： {{ knp_pagination_sortable(entities, ‘#’, ‘a.id’) }} {{ knp_pagination_sortable(entities, ‘Name’, ‘a.name’) }} Full Address Action {% set count = ‘1’ %} {% for entity in entities %} {{ entity.id }} {{ entity.name }} {{ entity.address }} Edit {#Edit#} Delete {% set count = count + ‘1’ %} {% endfor %} 用于动态ID传递的jQuery函数： function editDocument(){ […]

在向表中动态添加文本时，无法显示分页表视图

我正在尝试构建一个应用程序，用户可以从文本框中输入文本，文本将附加到动态生成的表中。 该表还将具有Bootstrap Pagination ，其中我只想在每个表视图中显示5个表行。 我面临的问题是，每当我从输入文本框加载文本时，它应该转到表的特定视图。 但是当我从文本框中添加文本时，默认情况下会出现在第一个视图中。 （见下面的截图） 之前： 后： 这是我正在处理的代码片段 $(function() { $(“#myInput”).keyup(function(event) { //On carriage return append the text to the table if (event.keyCode === 13) { let text = $(‘#myInput’).val(); if (text != “”) { let markup = `${text}`; $(“#tblText tbody”).append(markup); $(‘#myInput’).val(”); //Check if it is a multiple of 5? paginateTable(); } } […]

Bootstrap轮播忽略数据区间属性

这是我的标记： Slide 1 … Slide 2 … Slide 3 … 我正在使用bootstrap v3.0.3，但是在加载页面后轮播仍然开始滚动。 我也试过包括： $(function () { $(“.carousel”).carousel({ interval: false }); }); 我已经使用和没有data-interval属性完成了这一切，但都无济于事。 加载页面后，轮播会自动开始滚动。 我已经看到了有关此问题的其他问题，但它们都是指旧版本，并暗示它现在已经修复。 有什么想法吗？

变量值没有传入Bootstrap Modal中的mySQL语句

我通过span标签使用jQuery将变量传递给Bootstraps模式但在模式中运行PHP时遇到问题。 这些变量都是正常的，但是当我尝试运行mySQL语句时，我存储在变量中的span标记看起来没什么，即使它很好。 我给出了以下代码的示例： HTML： JS： $(document).ready(function () { $(‘.modalsend’).click(function () { $(‘span.user-topicid’).text($(this).data(‘topicid’)); }); }); 莫代尔： Details… <?php $numberid = "”; echo $numberid;// THE VALUE ECHOS FINE IN THE MODAL, BUT FAILS TO LOAD IN THE MYSQL QUERY BELOW $sqlcomment = mysql_query(“SELECT * FROM comments WHERE comments.topic_id=’$numberid’ AND comments.emotions_id=’1′”); $commentnumber = mysql_num_rows($sqlcomment); echo $commentnumber; ?> Close […]

在动态生成的输入上委派typeahead

我有一个html表，我用来输入库存详细信息。在这个表中我有一个产品名称的输入框，我绑定了bootstrap的typeahead事件。但问题是第一行输入框已经是当它呈现在页面上时，typeahead工作正常。但是当我为更多条目添加新行时，typeahead不适用于它们。我知道事件委托的概念但问题是我不知道怎么做我在这种情况下实现它。通过这个指导我。 提前致谢。 这是我的html表 – Product name Amount 这是用于添加新行的javascript- $(function(){ $(‘#add’).click(function(){ addnewrow(); }); }); function addnewrow(){ var tr = ”+ ”+ ”+ ”; $(‘.details’).append(tr); } 这是我如何使用typeahead- $(function(){ $(‘#items’).typeahead({ source: function(query,process){ $.ajax({ url: ‘itemexist.php’, type: ‘POST’, data: ‘query=’ +query, dataType: ‘JSON’, async: true, success: function(data){ process(data); } }); } }); }); 我知道之前已经问过这个问题，但是没有可接受的解决方案，我已经尝试过这些解决方案，但它没有用。 这是我尝试过的，但它似乎似乎没有工作 – $(document).on(“keypress”,”.items”,function(){ $(‘.items’).typeahead({ source: […]

有条件的选择应该是或

这是代码当前存在的示例： http ： //jsfiddle.net/rym2g/ 我现在唯一要做的就是根据所做的选择确保它是唯一可用的选择……例如： 你是谁？ 吉姆 凯尔 贝基 （你选择了becky） 显示becky的forms （你决定要选择kyle而不是becky） 隐藏becky的forms并仅显示凯尔的forms 希望我已经很好地解释了自己。 AAA BBB aaa bbb A-1-1 A-1-2 111 222 A-2-1 A-2-2 和JavaScript： $(document).on(“click”, “ul.form-nav a”, function(event) { event.preventDefault(); var id = event.target.href.replace(/^[^#]+/, “”); console.log(“Going to: ” + id); $(id).show().focus(); });

鼠标hover对图像的影响

最初图像仅可见，按钮隐藏在图像后面。 在图像鼠标hover时，图像向上移动，按钮将位于图像的底部。 但如何在图像中隐藏按钮？ 在鼠标hover之前，只有在鼠标hover在图像上并且可见按钮后才能看到图像。 我试过这样但没有得到，这里的片段作为参考（ http://www.olleep.com/ ）我试图做同样的事情 $(document).ready(function() { $(‘#textbox’).mouseenter(function() { $(‘#textbox’).animate({ ‘marginTop’ : “-=30px” //moves up }); }); $(‘#textbox’).mouseleave(function() { $(‘#textbox’).animate({ ‘marginTop’ : “+=30px” //moves up }); }); }); .container{ margin:50px; } #textbox{ position:relative; width:300px; } #text{ position:relative; overflow:hidden; z-index:1; background-color:#282727; text-align:center; padding:10px 10px 10px 10px; } MORE INFO BOOK NOW

配置引导程序弹出窗口只出现一次？

我正在使用Bootstrap .popover（）在输入字段与预期格式不匹配时显示通知。 我认为在hidden.bs.popover事件中杀死hidden.bs.popover会很简单，但这样做hidden.bs.popover我陷入一个错误读取的递归循环中： error (firebug): too much recursion line 4985 in wordpress/wp-includes/js/jquery/jquery.js?ver=1.10.2 for ( ; cur; cur = cur.parentNode ) { 我尝试从事件处理程序返回false以及调用.preventDefault() 。 我可以看出为什么这是一个错误的方法，并会询问有关如何在显示和关闭一次后彻底销毁.popover的建议。 invalid_regex_input.popover({ placement: ‘top’, title: ‘Invalid input’, content: ‘Please type in a valid value’ }) .on(‘hidden.bs.popover’, function (e) { //console.log(‘destroy’, e); //e.preventDefault(); $(this).popover(‘destroy’); //return false; }) .popover(‘show’);

onCollapse将parent设置为选定节点，如果已选择子/孙（bootstrap treeView）

我有工作bootstrap树视图。 我想在此添加一个function。 https://jsfiddle.net/evk9yfum/ https://github.com/jonmiles/bootstrap-treeview （使用插件） 例如：onNodeCollapsed：如果已经选择了折叠节点的child / grandChild。 然后，当前的collpased节点应显示为选定节点。 然后展开这个相同的节点。 它应该显示其/最后选择的或child / grandChild节点。 onNodeCollapsed: function(event, node) { $.each(node.nodes, function() { if (this.state.selected) { $(‘#treeview-selectable’).treeview(‘selectNode’, [node.nodeId, { silent: true }]); return; } }); }