Tag: html5

JQuery在显示之前加载div中的所有图像: 我想在实际显示它们之前加载div中的每个图像。我有类似的东西：起初我尝试过这样的事情： $(‘div img’).load(function() { $(‘div img’).show(); }); 或这个： $(‘div’).find(‘img’).load(function() { $(‘div img’).show(); }); 不幸的是，这不起作用，因为一旦浏览器加载甚至只有一个图像，它就会触发事件。有关如何首先加载所有内容的任何想法？谢谢！

如何按照我们设置的顺序从localstorage中检索数据: 我通过循环访问topmenu（对象数组）来读取一个json文件并获取它并将其存储到localstorage中。一切正常，甚至数据都存储在localstorage中。但我的问题是它以排序顺序将数据存储在localStorage中，这可能是它的默认行为。但我不需要按排序顺序，我希望它按照它在json中出现的顺序。因为当我将数据存储到localstorage并从localstorage读取数据时，它按排序顺序排列。我可以使用$ .each中的密钥并附加它以维护我们的订单，如果它自动排序。但为什么要自行排序。有没有其他解决办法。请帮我解决这个问题。注意：我需要从json将数据存储到localStorage。然后从localstorage读取它并且不读取json直到localstorage完全为空。当我手动更改localstorage中的值时，它应反映在菜单中。我已经完成了所有的条件编码，只需要找出localstorage问题，即将其存储在排序顺序中。下面是我的JSON文件，javascript和部分html： JSON { “topmenu”: [ { “item”: “File” }, { “item”: “Help” }, { “item”: “Edit” }, { “item”: “View” }, { “item”: “Go” }, { “item”: “Tools” }, { “item”: “Actions” } ] } JAVASCRIPT $(function() { if (typeof […]

猫头鹰旋转木马不工作，也许我连接错误的东西？: 我试图在我的新项目中使用猫头鹰旋转木马。我似乎遇到了问题。到目前为止，只有HTML和CSS正在运行。我在某种程度上做错了脚本。有人可能借给我一只手，看看我指向正确的方向，我搞砸了吗？这是该网站的链接。 Owl Carousel靠近网站的底部。您将看到两个“合作伙伴”部分。顶部只是演示HTML，底部是我尝试用来创建carouse。我暂时只使用虚拟图像。 CloudPoint DIV站点这是我从中获取代码的网站。猫头鹰旋转木马演示以下是代码的一些代码段。如果您需要任何进一步的细节，我会尽力提供。 $(document).ready(function() { $(“#owl-demo”).owlCarousel({ autoPlay: 3000, //Set AutoPlay to 3 seconds items : 4, itemsDesktop : [1199,3], itemsDesktopSmall : [979,3] }); .grayscale { border: 0px solid black; filter: grayscale(100%); -webkit-filter: grayscale(100%); /* For Webkit browsers */ filter: gray; /* […]

从MS Outlook实现拖放function到我们的Web应用程序: 我们正在寻找一些关于从MS Outlook实现拖放function到我们的Web应用程序（目前正在开发中）的开发指南/帮助。我们的最终目标是让我们的用户能够将Outlook实例中的电子邮件拖到我们在浏览器中运行的应用程序中。目前我们能够通过文件（例如来自用户的桌面）实现此function，但不能直接从Outlook实现。我们的应用程序是使用Visual Studio for PHP和SQL Server 2012后端开发的。到目前为止我们的进展：•我们的页面上有一个HTML5控件，它接收javascript onDrop / OnDropStart / etc事件，并能够枚举和检索其中的内容，文件或其他内容; •从Outlook（在Outlook 2010中测试）中拖动电子邮件（或其他对象，如联系人）时，我们能够枚举纯文本数据，但不能枚举电子邮件的MIME内容（邮件或附件）•我们能够枚举并通过内容上的Ctrl + A检索电子邮件的纯文本和HTML内容，并将其拖入HTML控件。我们需要帮助的地方在于了解如何从浏览器可以访问的拖放事件中访问和检索电子邮件的完整MIME内容。我们知道Visual Studio的PIO包可以为本地.NET应用程序启用它，但是我们似乎无法将其用于Web应用程序。由于产品处于早期开发阶段，我们愿意接受Microsoft的建议和指示，了解我们如何才能最好地实现这一目标，包括我们是否可以使用.NET或ASP控件来完成Web应用程序。

从非HTML5浏览器访问数据标记: 我是网络领域的总菜鸟，我最近一直在学习jQuery。我担心的是，如果我的浏览器不支持HTML5，我是否可以使用我的HTML中的jQuery访问’ data ‘属性？

使用iframe阻止对按键的默认操作: 这是一个问题22我无法弄清楚如何解决。以我们主持的HTML5游戏为例： http://www.scirra.com/arcade/action/93/8-bits-runner – 警告有声音！该页面托管在scirra.com但出于安全原因，该游戏位于static1.scirra.net上的iframe中。现在如果你在玩游戏时向左或向右，向上或向下按，整个窗口上下左右滚动。当游戏没有集中时，防止默认似乎工作正常。我们希望在玩游戏时防止这种默认动作！所以我们使用代码： var ar = new Array(32, 33, 34, 35, 36, 37, 38, 39, 40, 44); $(document).keydown(function (e) { var key = e.which; if ($.inArray(key, ar) > -1) { e.preventDefault(); return false; } return true; }); 我们将它放在父页面和iframe页面上。当iframe左右焦点似乎被阻挡，但没有up and down 。任何人都可以帮助我们解决如何停止页面滚动，并仍然允许人们在游戏下方的评论框中键入评论？如果你阻止空格键，它会阻止人们在文本中添加空格！

在本地保存JSON文件: 我正在设计一个HTML5网站，允许您创建和定位具有多个属性的形状。形状创建为class =“shape”的div，并使用data方法将属性存储到每个形状div。我希望能够在JSON文件中使用用户定义的名称保存形状的位置和属性。目前，我使用ajax和php生成JSON文件并将其保存在服务器上。关于如何做的任何想法或想法？图书馆，API和示例的奖励积分！澄清编辑：最好保存到用户定义位置的离散文件。但是，根据两个选项之间的难度因素，浏览器存储肯定就足够了。

在KineticJS中检测点击阶段而不是形状: 在KineticJS中，如何检测Click事件，其中单击发生在对象/形状之外？我试图让一个Rect在用户点击它时将其比例改为2当用户点击它之外的任何地方时返回到1的比例。 JSfiddle： http ： //jsfiddle.net/ABTAD/8/ 管理以检测舞台上的点击，但点击Rect也会触发点击处理程序!!! 不知怎的， .setScale(1)没有做任何事情，而console.log打印出来的东西。当在Rect而不是空阶段上进行单击时，如何防止单击处理程序触发？ JS Code检测点击阶段 window.stage.getContainer().addEventListener(‘click’, function(e) { $.each(window.layer.get(‘.box’), function(index, box) { box.setScale(1); console.log(‘clicked on stage’); }); });

为什么jQuery .data（）函数没有访问HTML5 camel-case数据属性: 我的网页上有一个按钮： SlideToggle 单击此按钮时，我尝试使用以下代码访问存储在data-slideToggle属性中的数据，但我什么都没得到。 $(‘body’).on(‘click’, ‘.slideToggle’, function(){ alert($(this).data(‘slideToggle’)); }); 但它在我使用时有效： alert($(this).attr(‘data-slideToggle’)); 当我使用camel-case数据属性时会发生此问题。我是HTML5和jQuery的新手，我无法弄清楚它出了什么问题。

使用html5文件系统api获取本地mp3文件的元数据: 我试图在目录中获取每个mp3文件的标题和艺术家（以及最终的其他元数据）。目前代码我已经将div“thelist”附加到mp3文件的文件名。我怎样才能获取文件的标题和艺术家属性/标签而不是整个文件名？这是我的代码： Get Directory $(document).ready(function(){ $(“#file-input”).on(“change”, function(e){ var thefiles = e.target.files; $.each(thefiles, function(i, item){ var thefile = item; $(“#thelist”).append(“FILES: ” + thefile.name + “”);; }); }); });