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的？ 编辑 – 还有一个细节 – […]