Tag: css3

对于移动设备,我如何暂时阻止jQuery触摸事件,然后重新激活它们?

对于移动设备,在等待JSON响应时,如何暂时阻止页面上的jQuery触摸事件? 对于它的价值我还有jQuery-mobile也在运行。 JSON响应将用于在页面上创建和更新内容,但是有其他元素包含我要禁用的事件处理程序(或阻止用户激活它们),直到JSON响应返回并且我已经完成了必要的操作调整页面内容。 凭借我有限的经验,我正在考虑两种方法。 (1)我正在考虑创建或激活一个覆盖div来阻止覆盖下元素上的jQuery事件监听器检测到触摸事件但是我找不到这样做的方法。 (2)我正在考虑的另一个方法是一个跟踪所有监听器的Object ,并且命令将它们转换为.off()然后一旦JSON和调整完成,我就可以重新附加它们.on(‘click’)然而这个如果我能用第一种方法实现我想要的东西,那似乎是过分的 我正在寻找的是最受支持的方式,这意味着可以在Android,Windows Mobile和IOS上运行

仅为指定的div将英文数字转换为波斯语/阿拉伯语

我知道这个问题已在这里多次回复,但我还没有得到确切的答案..我需要通过一些javascript将英文字母转换为波斯语/阿拉伯字母,但不是整个页面,而是仅用于div或者更多。 只喜欢特定的课程。 我遇到过这些代码,但不知道哪一个最好用。 function convert($string) { $persian = array(‘۰’, ‘۱’, ‘۲’, ‘۳’, ‘۴’, ‘۵’, ‘۶’, ‘۷’, ‘۸’, ‘۹’); $num = range(0, 9); return str_replace($persian, $num, $string); } 我需要确切的源只在一个div类上实现。 例如: 12345 应该改为 ۱۲۳۴۵

将2个单独的菜单合并为一个菜单

我在页面上的不同位置有2个单独的菜单,如下所示: one two three Item 1 Item 2 Item 3 当设备宽度小于768时,有没有一种方法可以在全宽样式切换下拉中组合两种导航? 所以他们会变成: one two three Item 1 Item 2 Item 3

如何在右键单击时更改fullcalendar事件的颜色

为了使用上下文菜单右键单击更改jQuery事件的颜色,我从这里获得了一些帮助,得到的答案最多。 为我的网络应用程序制作自定义右键单击上下文菜单 但是,我试图改变右键单击的颜色,这就是我所做的: – $(“.custom-menu li”).click(function(){ // This is the triggered action name switch($(this).attr(“data-action”)) { // A case for each action. Your actions here case “red” : //alert(“RED”); $(‘#calendar’).fullCalendar({ editable: false, backgroundColor: “#800637” }); break; case “green”: $(‘#calendar’).fullCalendar({ editable: false, backgroundColor: “#00ff00” }); break; } // Hide it AFTER the action was triggered $(“.custom-menu”).hide(100); }); […]

我可以在表单输入中单击一次来触发双击吗?

我有一个用于提交文件的表单input ,我设计了它,因为我不喜欢本机风格。 现在,我有一个按钮,当单击它时,它会打开对话框以选择文件。 只需单击Firefox和Chrome即可正常工作,但在IE中无法正常工作。 按钮需要双击才能在IE中打开对话框。 我尝试使用jQuery单击一次触发双击: $(“input”).click(function() { $(this).dblclick(); }); 但是,它似乎不起作用。 是否有任何其他方法可以触发IE的双击? 这是演示: http : //jsfiddle.net/HAaFb/

选择Multiple Html with columns – 可能吗?

我正在努力实现以下目标: Column 1 Column 2 Line 1 Data 1 Line 2 Data 2 Line 3 Data 3 … … Line n Data n 不使用固定宽度的字体。 我有一个选项+描述,我想为中的每个选项显示。 这可能是直接的css / html,还是我需要寻找一个插件?

如何动态创建多级饼图的切片

我正在努力通过使用多级饼图来显示父子关系。 我必须通过使用HTML,CSS3和纯JavaScript(没有jQuery或任何库)来实现这一点。 我试图实现像这个JSFiddle上显示的东西,但我不能使用任何第三方库。 到目前为止,我这样做了: .outer-chart{ position: relative; overflow: hidden; width: 350px; height: 350px; border-radius: 50%; background-color: #33ccff; font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif; box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2); } .outer-circle, .inner-circle { position: absolute; border-radius: 50%; } .outer-circle { top: 15%; left: 15%; right: 15%; bottom: 15%; background-color: #ccff66; box-shadow: inset […]

如何为文本字段中的每个字母指定不同的颜色?

我有一个像这样的输入文本字段, input { color: red } Name: 我想在输入文本字段中为每个字母应用不同的颜色,如果用户输入hai每个字母h,a,i ,相邻的字母应该有不同的颜色。让我选择红色和黄色。 在jQuery,css中有没有办法呢?

垂直对齐多行文本(菜单元素)?

我正试图在UL内部垂直对齐文本。 问题是某些列表项有多行文本,因此不能使用行高。 小提琴: http : //jsfiddle.net/jaAYT/ 这是我想要实现的结果: http : //img402.imageshack.us/img402/7979/menuor.jpg 这是我的HTML: WHAT IS TEAM X? COMPANY BENEFITS COMPANY, COMPANY DATA TEAM X COVERAGE COMPANY2 COMPANY3 LATEST CAMPAIGNS CONTACT 这是CSS: .menu { float: left; margin: 0px 0px 0px 0px; width: 720px; } .menu li { float: left; position: relative; } .menu li a { width: 86px; […]

基于CSS表格的布局行未扩展100%宽度

我想将基于行的css表的宽度扩展到100%的浏览器宽度,而不会破坏其余内容的布局。 请注意,绿色标题栏即使已设置为100%宽度,也不会延伸全宽。 我的代码可以在这里找到: http : //codepen.io/anon/pen/HfnFv CSS html,body{ overflow:visible; height:100%;padding:0;margin:0; } .header{background:green;position:absolute;} .table{ display:table; width:100%; position:relative; min-height:100%; } .trow{ display:table-row; width:100%; } .left{ width:30%; height:100%; background-color:#990000; color:#efefef; display:table-cell; } .left p{ margin:100px 0; } .right{ width:70%; height:100%; background-color:blue; color:#efefef; display:table-cell; } HTML test test test UPDATE 添加 position:absolute; 到标题行。 但是我希望看到一个不能绝对定位子元素的替代解决方案。