Tag: html5

如何用jtabs链接到标签?

我使用本网站上的步骤将标签添加到我正在处理的页面的一部分(stridertechnologies.com/stoutwebsite/products.php):http://code-tricks.com/create-a-simple-html5- 突片-使用-的jquery / 我想链接到主页上的不同选项卡,但我不知道如何在html之外的锚名称之外执行此操作,并且这不适用于此,并且没有关于如何执行此操作的任何说明网站。 看起来应该有一些非常简单的东西我可以添加到我的javascript来检测他们点击了哪个链接并使其成为活动标签。 JavaScript的: ;(function($){ $.fn.html5jTabs = function(options){ return this.each(function(index, value){ var obj = $(this), objFirst = obj.eq(index), objNotFirst = obj.not(objFirst); $(“#” + objNotFirst.attr(“data-toggle”)).hide(); $(this).eq(index).addClass(“active”); obj.click(function(evt){ toggler = “#” + obj.attr(“data-toggle”); togglerRest = $(toggler).parent().find(“div”); togglerRest.hide().removeClass(“active”); $(toggler).show().addClass(“active”); //toggle Active Class on tab buttons $(this).parent(“div”).find(“a”).removeClass(“active”); $(this).addClass(“active”); return false; //Stop event Bubbling and PreventDefault }); }); […]

单击时禁用提交按钮将阻止在Google Chrome上提交表单

我在我的asp.net mvc里面的布局视图中添加了以下脚本: – $(document).ready(function () { $(‘.btn.btn-primary’).click(function () { $(this).prop(“disabled”, true); if (!$(‘form’).valid()) { $(this).prop(“disabled”, false); return false; } }); $(‘form’).change(function () { $(‘.btn.btn-primary’).prop(“disabled”, false); }); 我的脚本的目的是禁用提交按钮,并在模型无效或用户更改表单值时重新启用它们。 上述脚本在IE和Firefox上运行良好,但在Chrome上我无法提交表单,因为当用户点击提交按钮时,该按钮将被禁用,但表单将不会被提交。 知道如何在Chrome上解决这个问题吗?

在IPad Safari上的CSS3转换缩放问题

我在javascript中使用CSS3 Transform:scale()属性动态缩放iframe。 缩放工作正常,但页面超链接不再可点击。 当我在其他地方长按链接时出现灰色矩形。 注意:链接在页面中是“绝对的”。 请帮忙。

如何在Jquery方法中管理具有相同类的元素

嗨我正在使用Jquery方法在单击时突出显示键盘上的键帽。 当您单独单击时,您将获得该键帽上的边框。 地图的所有区域都有“key”类,其他区域有“alpha”和“control”类。 现在我想做的是能够在按钮事件“balpha”的同时单击所有字母数字键。 代码中的问题是,在使用“balpha”按钮后,所有区域都作为一个区域,当按下键盘中的一个键帽时,所有具有“alpha”类的键都会突出显示,而它们应该单独工作。 以下是代码示例: Keyboard Designer $(function() { $(‘.map’).maphilight({ fillColor: ‘008800’ }); $(‘.key’).click(function(e) { e.preventDefault(); var data = $(this).mouseout().data(‘maphilight’) || {}; data.alwaysOn = !data.alwaysOn; $(this).data(‘maphilight’, data).trigger(‘alwaysOn.maphilight’); }); $(‘#balpha’).click(function(e) { e.preventDefault(); var data = $(‘.alpha’).mouseout().data(‘maphilight’) || {}; data.alwaysOn = !data.alwaysOn; $(‘.alpha’).data(‘maphilight’, data).trigger(‘alwaysOn.maphilight’); }); }); keys group Alphanumeric 感谢您给我的任何建议!

Bootstrap双列表框和单选在警报中使用jquery中的添加/删除/关闭选项获取值

你能不能请任何人帮我解决这个问题。 Bootstrap具有双列表框选项,仅具有单/多选。 我需要单一选择的双列表框。 说明: 例如: 我有双列表框, 左列表框有5个选项。 我需要单选。(即)如果我在左侧列表框中选择单个选项,它会显示弹出(警报)并提取相应的字段值,弹出窗口也有添加或取消按钮来添加/取消值。点击后在弹出窗口中添加选项,它将被添加到右侧列表框中。 如果我在右侧列表框中选择该选项,则再次显示弹出(警报)并获取相应的字段值,并且弹出窗口还有删除或取消按钮以删除/取消右侧列表框中的值。 请任何一个人解决这个问题, 谢谢,

jQuery手风琴()不起作用

我的jQuery手风琴()没有处理我的HTML段落。 我哪里做错了? simple.html This is an According Example Heading for first sentence This is the first sentence. Heading for second sentence This is the second sentence. Heading for third sentence This is the third sentence. myscript.js window.onload = function(){ $(“#accordion”).accordion(); };

我可以在canvas元素中绘制一个表吗?

是否有任何方法(插件,工作解决方案等)将HTML table绘制到元素中? 我有一个格式丰富的html表(使用CSS ),我想使用jQuery将其保存为图像(PNG,SVG或GIF)。 ……或者如果有任何最简单的方法,我正在听它。

HTML5 Boilerplate jQuery库后备如何工作?

这是一个关于html5样板的初学者问题,以及一般的javascript,但我似乎无法在任何地方找到答案,所以在这里…… window.jQuery || document.write(”) 第二个脚本行如何检查谷歌的CDN是否已加载? 没有if声明或任何暗示。 如果这听起来很愚蠢,我很抱歉。 有帮助吗?

如何在音频HTML5上淡入/淡出

我正在创建一个简单的背景音乐,只有一个按钮可以播放和停止音乐。 但我想补充淡化。 但是不起作用。 我的代码: var beepTwo = $(“#musicBeat”)[0]; beepTwo.play(); $(“#dan”).click(function() { if (beepTwo.paused == false) { beepTwo.pause(); } else { beepTwo.play(); } }); $beepTwo.animate({volume: newVolume}, 1000); 的jsfiddle 我发现$audio.animate({volume: newVolume}, 1000); 在另一篇文章,但不适合我,或者我没有正确使用它。 无论如何,我想按下按钮时淡入淡出并淡出。 所以它用fadeIn播放并用fadeOut停止。 我怎样才能做到这一点?

使用jquery $ .ajax和php上传文件

当用户在输入文件中使用$ .ajax选择文件时,我希望异步上传文件。 但是,回复调用返回索引的php未定义。 jquery代码是下一个: $(“#urlimatge”).change(function(){ var filename = $(“#urlimatge”).val(); $.ajax({ type: “POST”, url: “utils/uploadtempimg.php”, enctype: ‘multipart/form-data’, data: {‘urlimatge’ : filename }, success: function(response){ alert(response); } }); }); 以及重新调用的php: $image = new gestorimatges(); $target_path = $image->uploadTemp($_FILES[‘urlimatge’][‘name’],$_FILES[‘urlimatge’][‘tmp_name’]); 谢谢