Tag: javascript

基于浏览器窗口尺寸自动调整图像大小

我有一个基本的网页布局，100％宽度标题和粘性页脚。 在两者之间我有一个大图形。 我希望图形根据窗口的大小动态resize。 我不想使用flash，并且想知道是否有一种简单的方法可以使用jquery / javascript。 我不是一个jquery / javascript专家，所以我想知道如何处理这个有一个已经做到的组件。

Javascript e.keyCode没有在IE中捕获Backspace / Del

我试图用这种代码使用javascript / jQuery来捕捉Backspace和Delete键的紧急事件。 $(“textarea[name=txt]”).keypress(function(e){ var keycode = e.keyCode ? e.keyCode : e.which; if(keycode == 8){ // backspace // do somethiing alert(keycode); } if(keycode == 46){ // delete // do somethiing alert(keycode); } }); 这些代码行在Firefox（3.6.12）中完美运行。 这意味着当按下Backspace或Delete时会弹出警报。 但这在Internet Explorer中不起作用（8） 任何人都可以建议我以不同的方式在Internet Explorer中捕获这些关键的新闻事件吗？

JavaScript：添加onClick处理程序而不覆盖现有处理程序

我正在尝试修改页面上的所有链接，以便在单击它们时执行一些额外的工作。 一个简单的方法可能是这样的： function adaptLinks() { var links = document.getElementsByTagName(‘a’); for(i = 0; i != links.length; i++) { links[i].onclick = function (e) { return true; } } } 但是一些链接已经有一个应该保留的onClick处理程序。 我尝试了以下方法： function adaptLinks() { var links = document.getElementsByTagName(‘a’); for(i = 0; i != links.length; i++) { var oldOnClick = links[i].onclick; links[i].onclick = function (e) { if(oldOnClick != […]

我可以在javascript中将数组附加到’formdata’吗？

我正在使用FormData上传文件。 我还想发送一系列其他数据。 当我发送图像时，它工作正常。 当我将一些文本附加到formdata时，它工作正常。 当我尝试在下面附加’tags’数组时，其他一切正常但没有发送数组。 FormData和附加数组的任何已知问题？ 实例化formData： formdata = new FormData(); 我创建的数组。 Console.log显示一切正常。 // Get the tags tags = new Array(); $(‘.tag-form’).each(function(i){ article = $(this).find(‘input[name=”article”]’).val(); gender = $(this).find(‘input[name=”gender”]’).val(); brand = $(this).find(‘input[name=”brand”]’).val(); this_tag = new Array(); this_tag.article = article; this_tag.gender = gender; this_tag.brand = brand; tags.push(this_tag); console.log(‘This is tags array: ‘); console.log(tags); }); formdata.append(‘tags’, tags); console.log(‘This […]

jQuery .load（）没有触发图像（可能是缓存？）

我有一些非常基本的jQuery代码： … $(this).find(‘img’).load(function(){ loadedImages++; if(loadedImages == $this.find(‘img’).length){ … 然而，这并不是持续发射。 如果我进行硬刷新或关闭浏览器，但是正常刷新，或者只是在不擦除缓存的情况下两次点击相同的URL， .load()触发。使.load()永远不会触发。 有想法该怎么解决这个吗？

即使浏览器支持html5video，也会显示后备图像

这可能听起来很奇怪，但在这种情况下我还可以显示后备图像吗？ 由于移动设备（Android和iOS）中的video元素会在点击时打开其原生video播放器应用，因此我想为Android和iOS显示video的GIF版本（我将其作为后备图片放置）。 我知道如何通过Javascript检测浏览器是否可移动，我只需要一些关于最佳实践的建议。 我在做什么 然后在js if(site.isMobile()){ $(‘video’).hide(); $(‘video img’).show(); } 当然，由于img是在video内部，它不起作用。 我想我可以克隆img并将其附加到video元素之前然后隐藏video元素，如下所示： if(site.isMobile()){ $(‘video img’).clone().prependTo(‘video’); // just some pseudocode $(‘video’).hide(); } 这是一个好习惯吗？ 有没有更简单的解决方案？

JavaScript scrollTo方法什么都不做？

所以我绝望地试图让一些滚动function在页面上工作。 没有运气后，我决定坚持使用window.scrollTo(0, 800); 在我的页面上，看看我是否可以进行任何滚动。 什么都没发生。 我有一个扩展的手风琴，然后我想滚动到其中的特定元素。 但是现在我很乐意看到东西滚动。 有人碰到这个吗？ 谢谢！

jquery中的errorClassvalidation插件？

我在我的Web应用程序中使用jquery validate插件来validation表单以进行空白和其他简单validation。 我使用下面的代码为我的表单设置jquery validate插件，其中有一个erroClass选项，我在其中定义了一个CSS类名authError ，我想在错误消息上应用它，但是它将同一个类应用于INPUT框作为好吧，我不想在INPUT框中应用它，只是想要它的错误信息。 请检查并提供帮助。 谢谢！ $(“#frmSignin”).validate({ debug: false, errorClass: “authError”, errorElement: “span”, rules: { username: { required: true, minlength: 10 }, password: { required: true } }, messages: { username: { required: “Please enter your username” }, password: { required: “Please enter your password” } } });

Laravel在ajax之后刷新数据

他目前正在研究必须过滤表中数据的代码。 Ajax将调用该链接并获得响应（json）结果。 但是，我遇到了一个问题。 我必须以某种方式呈现表格，我不想通过追加等来做到这一点。 我可以以某种方式再次生成视图或刀片文件？ 默认视图是DefController @ index但是ajax使用url哪个控制器是DefController @ gettabledata。 public function gettabledata($id){ return response()->json(Def::find($id)->getallmy->all()); }

来自变量的jQuery UI对话框按钮

我有变量在jquery ui对话框中保存按钮的已翻译标签。 我无法用变量本身填充按钮数组键，并且找不到任何方法让它将变量视为字符串。 translations[‘ok’] = ‘ok’; translatinos[‘cancel’] = ‘cancel’; // not working jQuery(‘#foo’).dialog({ buttons: { translations[‘ok’]: function() { alert(‘foo-ok’); }, translations[‘cancel’]: function() { alert(‘foo-cancel’); } } }); // working jQuery(‘#bar’).dialog({ buttons: { “Ok”: function() { alert(‘bar-ok’); }, “Cancel”: function() { alert(‘bar-cancel’); } } }); 有没有办法让它与变量数组键一起使用？