Tag: html5

锚链接指的是不在浏览器刷新，后退和前进的页面部分: 我已经制作了一个带有页面内链接的html页面。 first second First div Second div 但是此代码不适用于页面刷新和浏览器后退和前进按钮。有谁知道如何解决这个问题。我不是在寻找html5的历史api和jquery的历史插件。想要以其基本格式创建它。

使用缓存的SVG代码创建SVG Object标记: 我正在尝试将HTML5 localstorage用于SVG。我现有的代码用于处理SVG对象，它具有“data”属性，指向SVG文件url。现在，对于HTML5 localstorage，我能够缓存SVG的文件内容。但是我无法将这些内容放在object标签中。如果我将缓存的SVG代码附加到DIV，它看起来很好，但我的应用程序不会正确地对内容进行任何操作。有没有办法，所以我可以创建一个没有“data”属性的SVG对象，并将缓存的SVG内容放在其中？或者用自定义SVG数据构建Object标签的任何方式，没有URL依赖它？

如何使用Dragula JS复制.sortable和序列化？: 我试图了解如何复制此代码： $(this).on(‘submit’, ‘#form’, function(event) { var input = $(“”) .attr(“type”, “hidden”) .attr(“name”, “token_used”) .val($(‘#right1’).sortable(‘serialize’)); console.log($(‘#right1’).sortable(‘serialize’)); $(‘#form’).append($(input)); }); 与Dragula JS https://github.com/bevacqua/dragula （在vanilla Java Script中）一起使用。我不明白如何使用dragulaJS进行调用.sortable然后序列化。任何建议，所以我可以摆脱.sortable并获得序列化与钱包Java脚本一起工作？（请参阅此处参考第二部分dragula JS： dragula JS在点击事件中从一个列表移动到另一个列表）我的HTML： Item 1 Item 2 Item 3. Item 4. Item 5. Item 6.

如何在动画结束时创建活动？: 1 – 动画结束时如何创建事件？用css3写的动画 2 – 如何仅在浏览器中加载所有数据时播放动画？你可以看到许多Thx。演示jsFiddle

jPlayer多video演示代码？: 我刚刚学习jPlayer。喜欢它的多样性，为它运行的每个系统选择合适的格式。是否有任何来自HappyWorm或第三方的多video演示代码，我应该注意哪些？我想为这样的多个video创建一个播放器： PS如果您想在iframe帮助我解决最大化问题，请在此处执行此操作：在IFRAME内部全屏显示jPlayer？

JQuery中的错误需要下拉字段: 我创建了一个JQuery函数来检查封闭的自定义下拉列表中的空必填字段。如果其中一个下拉列表中的必填字段为空，如果下拉列表当前已关闭，我希望下拉列表打开，如果必填字段中没有空值，我希望下拉列表关闭。问题是如果关闭下拉列表并且我尝试使用此函数解决该问题，则无法访问必填字段。出于某种原因，如果表单至少提交一次并且必需字段至少打开一次，它仅检查这些输入字段。如果下拉列表未打开至少一次，则find(‘:input[required]’)不会给出任何输出，一旦打开并关闭该function的下拉列表。这是function： function dropdown_required() { var required = 0; $(‘#visible_fields’).find(‘:input[required]’).each(function () { if (!this.value) { for (var i = 1; i < 15; i++) { $('.form_' + i).find(':input[required]').each(function () { $(this).prop('required', false); }); } required++; } }); if (required == 0) { for (var i = 1; i < 15; i++) […]

将canvas数据保存到数组的问题: 我正在使用HTML5canvas创建一个Web应用程序来绘制图像（比如绘制web），我尝试实现“撤消”（ctrl + Z）和“重做”function，这里我面临一个canvas元素数组的奇怪问题。有时，当我按下ctrl + Z来撤消时，会出现一个空白图像，但是数据在数组中并指向正确的元素（因为当我使用undo / redo时，我设法以正确的顺序更正图像）。如果你能看看下面的代码，我将不胜感激，我已经花了很多时间，我无法找到问题…… 🙁 function Stack(firstImg , size) { var drawStack = new Array(); var stackIndex = 0; var stackTop = 0; var stackFloor = 0; var stackSize = size; drawStack[0] = firstImg; this.add = function() { drawStack[++stackIndex%stackSize] = cvs.toDataURL(“image/png”); if (stackIndex >= stackSize) stackFloor = (stackIndex +1) % […]

使用drawImage将加载的图像淡入Canvas: 关于交叉渐变图像的这个问题已经给出了Canvas中交叉渐变解决方案的答案。我试图做同样的事情，唯一的区别是我试图淡化运行时加载的图像。图像被正确加载但没有可见的淡入淡出。由于加载的图像，这不起作用吗？谢谢。 HTML JS var toggle = true; var canvas = document.getElementById(‘bg1’); canvas.width = $(document).width(); canvas.height = $(document).height(); var ctx = canvas.getContext(‘2d’); var canvas2 = document.getElementById(‘bg2’); canvas2.width = $(document).width(); canvas2.height = $(document).height(); var ctx2 = canvas2.getContext(‘2d’); var image = new Image(); image.src = ‘download1.jpg’; var image2 = new Image(); image2.src = ‘download2.jpg’; […]

JavaScript图像加载器无法正常工作: 我试图为我的游戏制作非常简单的图像加载器，但我无法找出为什么这不起作用..这是我的代码： window.onload = function() { var canvas = document.getElementById(‘gameCanvas’); var ctx = canvas.getContext(‘2d’); var images = []; function loadImages(imageFiles) { var loadedImages = []; for(var i = 0; i < imageFiles.length; i++) { var image = new Image(); image.onload = function() { alert("Loaded"); } image.src = imageFiles[i]; loadedImages[i] = image; } return loadedImages; } function […]

如何在点击时将html颜色输入值设置为div颜色: 如果单击div，则html5颜色输入值应设置为单击的div颜色和背景颜色值。我试过代码 $(function() { $(“#changeMe”).on(‘click’, function() { $(‘#designer-javascript-color’).val($(this).css(“color”)); $(‘#designer-javascript-backcolor’).val($(this).css(“background-color”)); }); }); Selected item color: Selected item background color: click here 单击后单击我，两个输入仍然是黑色。如何解决这个问题，使白色和蓝色的颜色在输入？测试用例位于http://jsfiddle.net/bpc2w43w/