Tag: javascript

Twitter Bootstrap。 为什么模态事件在JQuery中工作但在纯JS中不起作用？

Twitter Bootstrap模式对话框有一组可用于回调的事件。 这是jQuery中的一个例子： $(modalID).on(‘hidden.bs.modal’, function (e) { console.log(“hidden.bs.modal”); }); 但是，当我将此方法转录为JS时，事件‘hidden.bs.modal’不起作用。 使用‘click’确实有效： document.querySelector(modalID).addEventListener(‘hidden.bs.modal’, function(e) { console.log(“hidden.bs.modal”); }, false); 这些Bootstrap事件只能用于jQuery吗？ 为什么？ 谢谢， 道格

jQuery Validation Plugin：使用逗号作为小数分隔符validation十进制数

HTML： Required, decimal number: JS： $( “#myform” ).validate({ rules: { field: { required: true, number: true } } }); 这需要字段“字段”中的有效数字。 但是，当使用逗号作为小数分隔符时，它不起作用。 例如：10,25不被视为有效数字。 我从validation插件中获取此示例您可能还会在此处看到一个实时JSFiddle。 我想在validation之前我必须将输入（从逗号转换为点小数分隔符），但是如何？

如何在JavaScript中设置div的宽度百分比？

是否可以使用JavaScript或jQuery以百分比设置元素的高度/宽度？

使用JS查找并替换文档中的特定文本字符

我想知道是否有一种轻量级的方式我可以使用JavaScript或jQuery来嗅出文档中的特定文本字符; 说€并找到这个角色的所有实例。 然后！ 写一个用$替换所有实例的能力。 我找到了这个首发代码片段： var str = ‘test: '’; str = str.replace(/'/g, “‘”); 实质上; 我想要一个单页文档的解决方案。 抓住X的所有实例并使其成为XY。 只有文字字符。

在传播期间修改事件数据

是否有任何方法将数据附加到jQuery事件对象，因为它传播到DOM？ 为了澄清，如果你有三个嵌套的div，每个div都有一个click事件监听器，那么点击最里面的div会导致从最里面到最外面调用所有三个处理程序（事件传播101）。 我想要做的是向每个处理程序中的事件对象添加一些数据，这些数据可以被下一层访问。 我怎么做？

手动编辑日期或清除日期时，bootstrap datepicker更改日期事件不会启动

// When the document is ready $(document).ready(function () { $(‘.datepicker’).datepicker({ format: “yyyy-mm-dd”, }).on(‘changeDate’, function(ev){ // do what you want here $(this).datepicker(‘hide’); }).on(‘changeDate’, function(ev){ if ($(‘#startdate’).val() != ” && $(‘#enddate’).val() != ”){ $(‘#period’).text(diffInDays() + ‘ d.’); } else { $(‘#period’).text(“-“); } }); }); 所以这就是我的日期选择器的样子。 所以基本上当我通过点击鼠标来改变日期时效果很好，但是当我用键盘手动更改日期或手动清除日期更改日期时，事件不会被调用。 这是一个错误还是我在这里做错了什么？

jQuery是否在内部将HTML5数据属性键转换为小写？

我试图尽可能地将我的JavaScript编码风格与我的Zend编码风格相符合，这是使用camelCase。 因此，在我的HTML5数据属性中，我将命名它们，如下例所示： Delete User #1 … 将Jquery用于操作的非常不引人注目的方式，但是当我调用$（’。action’）。data（）时，属性名称将转换为小写。 这有什么变通方法吗？ 我从不认为JavaScript变量应该包含破折号，我无法理解为什么jQuery在内部为我做这个？ 或者也许是HTML5？

IE和setInterval（）没有刷新/更新的问题

我正在使用JavaScript / Jquery使用数据库中的值进行页面自动更新，尽管它似乎没有在Internet Explorer中更新。 它在FireFox和Chrome中运行良好。 谁能解释什么是错的？ 看起来IE只是显示页面的缓存版本。 我怎样才能防止这种情况发生？ 谢谢。 function updateComm() { var url=”commandSys.php”; jQuery(“#theElement”).load(url); } setInterval(“updateComm()”, 1000);

取消所有排队的jQuery slideUp和slideDown动画

我有一个界面，大量使用jQuery slideUp和slideDown效果以三态方式扩展项目。 onmouseover: function() { this.find(‘.details’, this).slideDown(); }, onmouseout: function() { this.find(‘.details’, this).slideUp(); } 但是，当用户快速将鼠标移动到这些界面元素上时，动画无法跟上，并且在鼠标离开界面区域后项目将长时间上下滑动。 当鼠标离开项目的容器div时，有没有办法取消所有排队的幻灯片动画？

如何在另一个关闭后打开一个Fancybox？

我有两个fancyboxes，我试图从第一个打开第二个（通过按钮或关闭第一个）… I’m the first Fancybox! Close first Fancybox I’m the second Fancybox! 第一个Fancybox正在页面加载时激活.. $(document).ready(function() { $(“a#hiddenLink”).fancybox({ ‘hideOnContentClick’: false, ‘frameWidth’: 300, ‘frameHeight’: 300 }).trigger(‘click’); $(“a#fancyboxButton”).fancybox(); }); 我希望能够在第一个关闭时打开第二个fancybox。 或者……单击第一个按钮打开第二个。 这是如何实现的？ 我对运动的恐惧并不紧张。 – 李 更新： 使用callbackOnClose允许我做一些简单的事情，比如alert（’hi’），但我还没有设法打开另一个Fancybox。 $(document).ready(function() { $(“a#hiddenLink”).fancybox({ ‘hideOnContentClick’: false, ‘frameWidth’: 300, ‘frameHeight’: 300, callbackOnClose: function() { alert(‘hi’); } }).trigger(‘click’); });