Tag: css

Bootstrap和jQueryUI冲突: 我试图在一个引用jQueryUI和Bootstrap 3的View上使用tooltip 。我在这里做了一个样本。如果我在jQueryUI的js之后加载Boostrap然后tooltip()调用成功但是如果我在Bootstrap之后调用jQueryUI那么我得到一个错误并且没有任何效果。你可以自己尝试一下。互联网上有很多关于此的讨论，我问GitHub，但我还没找到解决方案。

如何使用滚动条可靠地获得屏幕宽度: 有没有办法可靠地告诉浏览器的视口宽度，包括滚动条，而不是浏览器窗口的其余部分）？这里列出的所有属性都没有告诉我屏幕的宽度包括滚动条（如果有的话）

Flashvideo仍然在使用jQuery删除的DIV上播放（IE bug）: 我有一些jQuery选项卡，其中一个包含Flashvideo。当我在一个选项卡中播放video并在FF或Safari中单击另一个video时，video会随声音停止，单击返回video选项卡会重新加载内容 – 正如预期的那样。在Internet Explorer中情况并非如此，即使未选择选项卡，video也会继续播放。我的理解是当display:none （jQuery hide（））被应用时，DOM元素基本上从布局中移除 – 为什么IE浏览器不会发生这种情况，我该如何解决？

CSS转换不会被解雇: 我正在创建一个DOM元素（div），将其添加到DOM中，然后在javascript中快速更改其宽度。这在理论上应该触发CSS3过渡，但结果直接从A到B，没有两者之间的过渡。如果我通过单独的测试点击事件更改宽度，一切都按预期工作。这是我的JS和CSS： JS（jQuery）： var div = $(”).addClass(‘trans’).css(‘width’, ’20px’); $(‘#container’).append(div); div.css(‘width’, ‘200px’); CSS（只需mozilla）： .trans { -moz-transition-property: all; -moz-transition-duration: 5s; height: 20px; background-color: cyan; } 我在这里弄乱了，还是“一气呵成”并不是应该做的事情？所有帮助都非常感谢。

jQuery css渐变: 要在元素上使用渐变背景，我会执行以下操作： .css(‘filter’,’progid:DXImageTransform.Microsoft.gradient(startColorstr=\’#FFFFFF\’, endColorstr=\’#’+event.backgroundColor+’\’, gradientType=1)’) .css(‘background-image’,’-webkit-gradient(linear, left top, right bottom, color-stop(0.1, #FFFFFF), color-stop(0.99, #’+event.backgroundColor+’))’) .css(‘background-image’,’-moz-linear-gradient(top left, #FFFFFF 0%, #’+event.backgroundColor+’ 100%)’) .css(‘background-image’,’-o-linear-gradient(top left, #FFFFFF 0%, #’+event.backgroundColor+’ 100%)’) 现在，是不是jQuery想要消除与跨浏览器兼容性问题相关的所有工作？有没有更好的方法来做到这一点。不使用任何额外的插件？

如何将Chosen Plugin添加到动态创建/克隆的CSS div中？: jQuery的Chosen插件（在这里找到： http ： //harvesthq.github.com/chosen/ ）增加了选择HTML元素的额外function。我可以使用以下代码将function添加到页面上加载的初始元素： $(document).ready(function(){ $(“.chosenProperties”).data(“placeholder”,”Select properties…”).chosen(); $(“.chosenType”).data(“placeholder”,”Type…”).chosen(); $(“.chosenInstance”).data(“placeholder”,”Instance…”).chosen() 这样可行。所有这三类select元素都出现在名为#newGroup的div中。页面上有一个按钮，“添加”一个新组，克隆#newGroup div并将其添加到第一个下方。它包含相同的元素。但是，当我尝试将选择的function添加到克隆div中的选择项时，它们将被冻结。界面看起来与第一个界面相同，所以正在加载Chosen，但是当我点击它们时没有任何反应。这是代码： $( ‘#swl-add-group-button’ ).click( function() { //addGroupToGUI(); createClassAddRow(); } ); var rowNum = 0; function createClassAddRow() { rowNum++; newRow = jQuery(‘#newGroup’).clone().css(‘display’, ”); newHTML = newRow.html().replace(/0/g, 1); newRow.initializeJSElements(); newRow.html(newHTML); newRow.initializeJSElements(); jQuery(‘#mainTable’).append(newRow); addGroup(newRow); } jQuery.fn.initializeJSElements = function (){ this.find(“.chosenProperties”).each( […]

使用Bootstrap 3模式框确认删除: 我需要使用Bootstrap 3模式框确认删除（是/否）。我该如何创建呢？ HTML代码： <form action ="” method=”POST”> Delete

如何阻止用户打印网页？使用javascript或jquery: 我们如何阻止用户使用不同的方法打印网页？禁用右键单击禁用Ctrl P组合键右键单击 – >打印有没有办法停止打印网页？我们可以使用javascript处理这3个事件吗？或者我们可以说。如果用户将执行任何这些事件。然后我想运行我的其他代码。这可能吗？

在IE中显示密码字段的占位符文本: 我知道有很多占位符问题，但我正在努力完善我的。我当前的代码很有效，并且做了它应该做的事情。问题是，当我去放置“密码”占位符时，它会将占位符放在屏蔽字符中。关于如何解决这个问题的任何想法？ $(function() { if(!$.support.placeholder) { var active = document.activeElement; $(‘:text’).focus(function () { if ($(this).attr(‘placeholder’) != ” && $(this).val() == $(this).attr(‘placeholder’)) { $(this).val(”).removeClass(‘hasPlaceholder’); } }).blur(function () { if ($(this).attr(‘placeholder’) != ” && ($(this).val() == ” || $(this).val() == $(this).attr(‘placeholder’))) { $(this).val($(this).attr(‘placeholder’)).addClass(‘hasPlaceholder’); } }); $(‘:text’).blur(); $(active).focus(); $(‘form’).submit(function () { $(this).find(‘.hasPlaceholder’).each(function() { $(this).val(”); }); }); […]