Tag: html5

在基于jQuery Mobile的页面中将元素插入DOM

我正在尝试使用jQuery Mobile应用程序,该应用程序最终将最终作为移动设备上的非Web应用程序,因此所有内容都必须是本地的。 出于这个原因(我认为)我需要在由data-role=”page”标签描绘的单个页面中构建应用程序,否则jQuery Mobile中的ajax加载机制似乎不起作用。 该应用程序将从本地存储数据库中读取数据并将其显示在页面上的无序列表中,使用jQuery Mobile进行样式设置,看起来像本机应用程序。 在我的$(document).ready()函数中,我执行数据库查找,对于每个结果,我在我的数据库结果周围创建一个 标签,然后调用$(“.list”).append(li_str); 其中.list是我的 标签的类。 页面呈现就像jQuery Mobile不存在一样 – 我在每个 看到了正确的数据,但看起来不正确。 将此结果与我在页面HTML中对 标签进行硬编码的版本进行比较 – 看起来jQuery Mobile修改了标签并插入了许多新类等。 也许我需要在页面加载周期的早期从DB构建页面? 有什么建议?

如何防止(bootstrap)修复顶部导航从缩放移动设备

当使用bootstrap 3的固定顶部导航时,我注意到当用户在移动设备上使用原生缩放时,顶部导航也变得非常大。 这导致了非常糟糕的用户体验,导航模糊了大部分内容并最终破坏了自身,如下例所示: 这个问题可以在http://www.exploretrade.info/上看到,并且似乎也会影响使用这种导航的许多其他网站; 一个常见的解决方案是禁用用户缩放,但这会损害网站的可访问性。 我的问题是:当用户缩放移动设备上的内容时,如何使固定顶部导航的显示大小保持不变 使用JavaScript,可以计算当前应用的设备缩放,并动态更新css transform: scale指令2 但是,这似乎不适用于position: fixed元素,它在缩小后以某种方式在屏幕中居中

Jquery水流通管效果

我正在尝试为Local Plumbing Company创建一个单页可滚动的网站。 我有一个想法,需要像下面那样的效果: http://sidigital.co/ 任何人都可以建议我任何JS / Jquery插件为这个“水流通管”概念?

如何更改localStorage项目中的单个值?

我有一组项目得到保存,但我正在尝试更改一个值后,我检索它,然后我将它传递给我的PHP函数。 是否可以只更改一个项目? 我的项目字符串如下所示: var args = window.localStorage.getItem(“localusers”); start=0&type=1 我正在保存localusers项目,如下所示: window.localStorage.setItem(‘localusers’, $(“#profile_form_id”).serialize()); 我正在尝试将type的值设置为6 我找不到一个支持的方法,允许我在数组中获取/设置一个项目,所以我需要迭代数组,更改值,然后再次设置localusers项目? 它似乎没有效率,但我看不到任何其他方式。 有什么想法或建议吗?

如何在右键单击时禁用“将图像另存为”选项?

我想阻止用户右键点击我网站上的图片并保存。 我知道有很多解决办法,但我仍然需要这样做。 有帮助吗? 此外,该网站还具有此function – http://finsix.com/dart/#section-colors 它可以是html,javascript,jquery。 任何解决方案都可以。

禁用移动设备的HTML拼写帮助

有没有办法在BlackBerry 6 / Iphone / android的HTML输入字段中禁用拼写帮助? 我试过设置 autocomplete =“off”autocapitalize =“false”autocorrect =“false”spellcheck =“false” “但不幸的是,这样做似乎并没有禁用自动完成function。 我正在尝试这样做,因为我想使用自定义自动填充程序,但BlackBerry自动填充程序不断阻碍。 谢谢 凯文 任何想法都会很棒

使用JavaScript或jQuery定义全局CSS类?

有没有办法使用JavaScript或jQuery设置全局类的CSS? 也就是说,将.my_class { foo:bar }附加到页面的标签上?

通过jQuery检测对特定HTML 5function的支持

我正在研究一些HTML5演示代码,包括东西 这当前在Opera 10中正常工作,但每个其他浏览器只显示正常的文本输入。 然后我使用jQuery.date-input插件在不支持它的浏览器上覆盖此行为。 问题是 – jQuery也在Opera上运行,所以在Opera中我得到两个日历选择器(一个来自浏览器,一个来自jQuery) 我现在可以使用if (window.opera)解决这个问题 – 但是有一些方法可以使用jQuery.support,我可以可靠地检测当前浏览器是否支持特定的HTML5function吗?

JQuery Range输入监听器

嘿jquery和hmtl5范围有点麻烦。 我试着在改变时获取值,但事件监听器没有捕获它。 目前我的代码是: HTML html += ‘Apply Credits: ‘+credits+” JS是: $(‘#discount_credits’).mousewheel( function() { alert(‘it changed!’); alert(‘new value = ‘ + $(this).val()); }); 我也试过了 $(‘#discount_credits’).change( function() { alert(‘it changed!’); alert(‘new value = ‘ + $(this).val()); }); 似乎都没有用。 难道我做错了什么?

在Fabric.jscanvas上添加网格

我刚开始使用Fabric.js(我不得不说,我印象深刻)。 我想在Fabric对象上添加一个网格。 在下面的代码中,我将网格canvas正好放在Fabriccanvas上。 这里的问题是,我现在无法移动我的布料对象! //<![CDATA[ $(window).load(function(){ $(document).ready(function () { function renderGrid(x_size,y_size, color) { var canvas = $("#myCanvas").get(0); var context = canvas.getContext("2d"); context.save(); context.lineWidth = 0.5; context.strokeStyle = color; // horizontal grid lines for(var i = 0; i <= canvas.height; i = i + x_size) { context.beginPath(); context.moveTo(0, i); context.lineTo(canvas.width, i); context.closePath(); context.stroke(); } // vertical […]