Tag: webkit

JavaScript运行时错误：无法设置未定义或空引用的属性“WebKit”: 我正在开发asp.net，当然还有前端的javascripts。我在Google上搜索但是找不到关于“webkit”的类似问题，顺便说一下，我正在使用IE浏览器。我尝试在chrome上调试，这是我的应用程序工作的一部分。我的意思是，可以加载起始页面，但不会显示更多内容和详细信息。看起来它只加载了框架…… 我甚至尝试在我的javascript代码的开头添加一个断点但是这个错误仍然会弹出。我猜是因为js文件？这就是我使用的。这是一个奇怪的问题，它出现在上周，然后消失，没有任何修改！然后今天又回来了…… Thx提前！

-webkit-transform：使用position：absolute: 我有一系列的div使用-webkit-transform从负边距顶部向下滑动到屏幕上的位置。问题是，如果没有适用于他们的边缘优势，他们最终会坐在他们通常会坐的地方。这意味着如果我显示第二个div，它有一个空白空间，大小超过它的第一个div。为了解决这个问题，我可以对第二个div应用负余量顶部，但我认为这很麻烦。我主要担心的是，如果dropdiv1的高度发生变化，那么我将不得不重置点击function上的值，让其他div在显示时再次正确对齐。有没有办法修改-webkit-transform以合并postion：absolute？我目前的代码是： CSS： #dropdiv1 { -webkit-transform: translate(0, -3000px); -webkit-transition: all ease-in 1s; } #dropdiv2 { -webkit-transform: translate(0, -3400px); -webkit-transition: all ease-in 1s; } #dropdiv3 { -webkit-transform: translate(0, -4200px); -webkit-transition: all ease-in 1s; } JQuery的： $(‘#clickme1’).click( function() { $(‘#dropdiv1’).css(‘-webkit-transform’,’translate(0, -335px)’); }); $(‘#clickme2’).click( function() { $(‘#dropdiv2’).css(‘-webkit-transform’,’translate(0, -2335px)’); }); $(‘#clickme3’).click( function() { $(‘#dropdiv3’).css(‘-webkit-transform’,’translate(0, […]

为什么Webkit不能正确地重新绘制我的网页？: 我有一些奇怪的问题。我不确定我是否搞砸了，或者这甚至可能是webkit中的错误。我正在做的是使用一些或多或少复杂的CSS技巧（：after和content，兄弟选择器等）和自定义数据属性来指示表单的输入字段是否有效。我在每个输入字段上都有一个数据属性“data-valid”以及一个包含正则表达式的属性“data-validate”。在keyup上，我针对输入的值运行正则表达式，并相应地设置data-valid。然后我在输入旁边有一个小div，使用数据有效的敏感属性选择器进行样式设置。如果兄弟的输入数据有效属性为真，则背景将显示ok符号，如果设置为false，则将显示失败符号。因为这可能很难理解，所以我将这个jsfiddle拼接在一起，所以你可以自己看一下。所有这些在Firefox 6和IE9中完全正常。但是，在两个基于Webkit的浏览器（Chrome + Safari）中，这都不能100％正确地工作。尽管数据有效属性正确更改，但样式div不会改变它的外观，直到我输入其他字符或取消聚焦输入字段。它几乎看起来像Webkit浏览器无法重绘/重新设置特定的div。我真的不知道发生了什么，我相当自信，这应该像我期望的那样工作。我希望有人能提出一些见解甚至解释，也许还有一个修复/解决方法。非常感谢！

Webkit 的解决方法javascript选择焦点错误（在字段之间使用选项卡时）: 类似的问题出现在这里： 3380458 ：尝试使用以下jquery选择焦点时，它在webkit中不起作用： $(‘#out’).focus(function(){ $(‘#out’).select(); }); 实际上，Webkit [Chrome / Safafi]不会在Focus上选择字段中的所有文本。这是一个已知的错误，其解决方法如下所示。当通过鼠标点击发生焦点时，这提供了使用jquery工作的解决方法： $(‘#out’).focus(function () { $(‘#out’).select().mouseup(function (e) { e.preventDefault(); $(this).unbind(“mouseup”); }); }); 问题：当通过按Tab键（当它之前的字段处于焦点时）聚焦字段时，此解决方法不起作用。光标出现在字段的开头，未选择任何文本。我尝试了一些东西，但无法按摩这个工作方式。非常感谢 – 詹姆斯

如何确保在JQuery插件中加载图像？: 在创建需要图像尺寸的JQuery插件时，我发现像Chrome这样的webkit浏览器通常会为图像返回0尺寸，因为它们是并行加载的。我的快速而肮脏的解决方案是在$(window).load()事件中包装调用我的插件的代码： $(document).ready(function() { $(window).load(function() { $(‘.magnifier’).magnifier(); }); }); 我将如何在插件内部实现此function？什么是检测图像已加载的最干净的方法，以便我可以测量它们的尺寸？

Float和Inline-block有时在webkit中不起作用: 我检测到一个问题，影响位于列中的div与float和display: inline-block 。让我举两个例子：在第一种情况（左）中，名称“Altair”和“Log-Out”按钮位于显示内联块中。所需的结果显示在第一行，当我用JQuery动态修改div的内容时，总是会发生什么，如第二行所示。当我第一次写完所有的html时，一切都是正确的。在另一种情况下（右），数字“21”定位为float：left，然后推动月份和年份。在这种情况下，内容总是与JQuery一起插入，当我刷新页面时，第二行中显示的问题仅显示为SOMETIMES。 5次中的1次，或多或少。正如您所看到的，Chrome控制台说div的宽度为0px，这可能就是触发问题的原因。我可以在Safari中重现第一个案例（左），但不能重现哦（右）。我无法重现Firefox和Opera中的错误，那么我认为这与Webkit有关。你知道发生了什么吗？我可以解决这个问题吗？感谢您的关注。 HTML和CSS第一种情况： Log – Out #login-widget .name { display: inline-block; vertical-align: middle; margin-right: 6px; } #login-widget .button { border: solid 1px; border-radius: 5px; cursor: pointer; display: inline-block; vertical-align: middle; } 其他案例的HTML和CSS： #agenda-widget .date { margin: 0; font-size: 12px; } #agenda-widget .day […]

无法弄清楚为什么Chrome / Safari无法在这里获得ScrollHeight: 我刚问了一个问题，为什么某个js代码无法在Chrome和Safari 100％中运行，但经过更多的故障排除后我想我已经发现这是我应该发布的问题。我有一个页面，里面有一个表格。此表单的目标是同一页面上的iframe。 iframe是动态的，基于php。这是我的php iframe内容的底部：如您所见，我调用一个函数来调整主页面（父页面）中iframe的高度。这样工作正常，事实上它实际上已经resize，但是在Chrome和Safari中，resize设置的高度应该高于应有的高度。因此，如果高度为500px，则Chrome和Safari将其设置为大约2000px，这是iframe文档高度的最大值。为什么是这样？有人认为，在将scrollHeight发送到resize函数之前，主体没有完全加载吗？有没有办法让它等到文档完全加载？令我困惑的一件事是，当我点击主页面上的链接，然后回击时，页面resize效果很好，并且设置为500px，因为它应该在Chrome / Safari中。但那是我在浏览器中“回”的时候。嗯，我真的不明白这一点，所以请帮帮我。谢谢

移动webkit浏览器在JS中有舍入问题吗？: 我正在尝试使用移动浏览器上的一些javascript滑块代码调试问题。它似乎是一个舍入错误，只发生在移动设备上。以下代码可以在桌面上正常工作（例如Chrome），但在智能手机上的Webkit中查看时，增加按钮无法在滑块上使用更高的值，例如iPhone iOS 5/6，Samsung S2 ICS。试试这个http://jsfiddle.net/codecowboy/mLpfu/ 。单击“在移动设备上调试”按钮 – 它与左上角的“运行”按钮直接相邻（您需要登录才能看到此按钮）。输入在智能手机上的浏览器中生成的URL（最好是iPhone / Android上的webkit浏览器）。拖动滑块说265，点击增加。有些值会让你增加，有些则不会。值越高，问题越严重。代码使用的是jQuery和noUISlider插件。按钮点击代码是： var btnIncrease= document.getElementById(“increase”); btnIncrease.addEventListener(‘click’,function(e) { var slider = $(“#noUiSlider”); console.log(e); var value = slider.noUiSlider(‘value’)[1]; //the ‘value’ method returns an array. console.log(‘value pre move ‘+value); value = value+1; slider.noUiSlider(“move”, { knob : 0, to: parseInt(value,10) }); […]

错误：SYNTAX_ERR：DOMexception12: 我收到错误’错误：SYNTAX_ERR：DOM Exception 12’，代码如下： var html = ”; $(this.propertyContainer).html(html) 但不是这个代码： $(this.propertyContainer).html(”) 这是propertyContainer的html：你有什么主意吗？

在开放（聚焦）“选择”元素中非常奇怪的Chrome行为: 这是一个元素： Hello Banana Balloon Something Potato Cleveland 这里有一点JavaScript（jQuery“ready”处理程序）： $(function() { function foo() { var s = $(‘select’).find(‘:selected’); } setInterval(foo, 200); }); 这是这个问题的jsfiddle。。处理程序设置一个间隔计时器，每隔200毫秒，它会找到当前选择的，并且对它没有任何作用。当我在Chrome中运行小提琴（13.0.782.112），然后单击元素，然后尝试选择一个条目时，选择突出显示会继续跳回到第一个选定的元素。我可以点击所显示的任何元素，当然，然后它会在下次执行相同的操作。现在，如果我更改计时器处理程序，以便它不使用jQuery来查找当前选择的元素，如下所示： $(function() { function foo() { var select = $(‘select’)[0]; var s = $(select.options[select.selectedIndex]); } setInterval(foo, 200); }); 然后我不再看到效果了。 Firefox不会这样做。我还没试过Safari。就个人而言，我觉得这里有些事情做错了。是Chrome吗？ jQuery的？编辑 – 还有一个细节 – […]