标签: opera

Opera以一种非常奇怪的方式处理jQuery的animate方法

我有一个下拉菜单.它的高度用jQuery从5px到130px动画,反之亦然.

菜单工作得很好,而它是分开的元素(当我开发它时),但当另一个元素出现时Opera出人意料:

alt text http://img12.imageshack.us/img12/9366/menusy.png

我将第一个状态标记为1,将第二个状态标记为2.第三个状态应该与第一个状态相同,但正如您所看到的那样,它具有"尾部".

UPD:源代码

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 

"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <script type="text/javascript" src="js/jquery.js">
    </script>
    <script type="text/javascript" src="js/script.js">
    </script>
    <script type="text/javascript">
      $(function(){
        init();
      });
    </script>
    <link rel="stylesheet" href="css/styles.css"/>
</head>
<body>
  <div id="side" class="side_outer"> 
        <div class="cn tr"> </div>
        <div class="cn tl"> </div>

        <div class="auth">
          <span class="auth_entr">Click me</span> 
          <div class="auth_fields"> 

          </div>
          <div id="auth_separator"> </div>
        </div>
        <div class="side_inner">
            <div class="cn tr"> </div>
            <div class="cn tl"> </div>
                <div class="side_content">
                    Some content
                </div>   
            <div class="cn br"> </div>
            <div …
Run Code Online (Sandbox Code Playgroud)

jquery opera animation

3
推荐指数
1
解决办法
2212
查看次数

JSON问题

var obj = {
'51' : { 'name':'name1'},     
'66' : { 'name':'name2'},     
'58' : { 'name':'name3'}
};
$(function() {
    s = '';
    $.each(obj, function(k, v) {
        s += ' '+k;
    });
    alert(s);
});
Run Code Online (Sandbox Code Playgroud)

在IE和Firefox中它是51 66 58,但在Opera和Chrome中它是51 58 66为什么Jquery.each()按照歌曲中的键排序,Chrome?我该怎么做才能保持原生秩序?

ps如果数组键是一个字符串,结果51j 66j 58j也许opera和chrome尝试将键转换为整数,这是可能的

var obj = {
"51j" : { "name":"name1"},    
"66j" : { "name":"name2"},    
"58j" : { "name":"name3"}
};
Run Code Online (Sandbox Code Playgroud)

sorting jquery opera json google-chrome

3
推荐指数
1
解决办法
1318
查看次数

jQuery keyup keyCode在Opera中不起作用

Opera浏览器是否可以忽略keyCode 40(向下箭头)?

 $('#test').keyup(function(e) {
        $('body').append('' + e.keyCode + '');
 })
Run Code Online (Sandbox Code Playgroud)

测试一下:http://www.jsfiddle.net/V9Euk/454/

提前致谢!
彼得

jquery opera keycode

3
推荐指数
1
解决办法
1597
查看次数

歌剧镶嵌盒子阴影

自v10.5起,Opera已经支持box-shadow,但它不适用于输入元素.

input[type=text] {
    background-color: #fff;
    border: 1px solid #a0a0a0;
    box-shadow: inset 1px 1px 1px #d2d2d2;
    -o-box-shadow: inset 1px 1px 1px #d2d2d2;
}

<input type="text" name="test" />
Run Code Online (Sandbox Code Playgroud)

此代码适用于Chrome和Firefox,我在OSX 10.6上使用Opera 11.01.有人可以帮忙解决这个问题吗?

css opera css3

3
推荐指数
1
解决办法
4080
查看次数

我可以使用什么代替DOMSubtreeModified?

我正在为opera的用户脚本工作,而opera不支持DOMSubtreeModified,是否有任何替代子树修改的方法?

注意:我只在javascript中寻找解决方案.(不是jquery或任何JavaScript库)

谢谢.

javascript opera dom userscripts

3
推荐指数
1
解决办法
4236
查看次数

Python basehttpserver无法正确提供请求

我正在尝试为javascript写下一个简单的本地代理:因为我需要从网页中的javascript加载一些东西,我在python中编写了这个简单的守护进程:

import string,cgi,time
from os import curdir, sep
import urllib
import urllib2

from BaseHTTPServer import BaseHTTPRequestHandler, HTTPServer


class MyHandler(BaseHTTPRequestHandler):



    def fetchurl(self, url, post, useragent, cookies):
        headers={"User-Agent":useragent, "Cookie":cookies}

        url=urllib.quote_plus(url, ":/?.&-=")
        if post:
            req = urllib2.Request(url,post,headers)
        else:
            req=urllib2.Request(url, None, headers)
        try:
            response=urllib2.urlopen(req)
        except urllib2.URLError, e:
            print "URLERROR: "+str(e)
            return False
        except urllib2.HTTPError, e:
            print "HTTPERROR: "+str(e)
            return False
        else:
            return response.read()


    def do_GET(self):
        if self.path != "/":
            [callback, url, post, useragent, cookies]=self.path[1:].split("%7C")

            print "callback = "+callback
            print "url = "+url
            print "post …
Run Code Online (Sandbox Code Playgroud)

python opera http web

3
推荐指数
1
解决办法
4687
查看次数

未从localhost加载的Opera链接脚本

当我用Opera重写https页面的HTML源时出现错误:

未加载链接的脚本http://localhost:4444/index.js.

当我使用http://mypage/index.js一切顺利.

直接将任何链接作为地址工作都是一样的.

关于这一点最神秘的是,它在几个小时前工作,并且歌剧localhost在计算机重启后开始拒绝连接.

我已经尝试重新安装Opera并将其localhost视为可信任的.没有防火墙活动.

我只是不理解:(

谢谢你的帮助.

https opera localhost url-rewriting

3
推荐指数
1
解决办法
1999
查看次数

Chrome,Safari和Opera不记得简单表格上的密码

我首先遇到了AJAX登录的问题,在寻找了几个小时的解决方案后,我想我会尝试这样简单的事情:

<html>
    <head></head>
    <body>
        <form id="login_form" action="login.html" method="post">
            <input type="text" id="login_username" value="" />
            <input type="password" id="login_password" value="" />
            <input type="submit" id="login_submit" value="Login" />
        </form>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

它转到login.html但不提供保存密码!我认为它可能是本地主机问题所以我部署在服务器上仍然,Chrome不提供存储密码.FF和IE按预期工作,但Chrome,Safari和Opera没有.

" 选中保存我在网上输入的密码 ".

" 永不保存 "是空的.

forms safari opera google-chrome login

3
推荐指数
1
解决办法
2716
查看次数

停止 Chrome 和 Opera 中的渐变闪烁?

我正在为我的网站背景使用渐变。在 safari 和 firefox 中看起来不错,但在 chrome 和 opera 中闪烁很严重。我在其他网站/帖子上读到过有关 chrome 的条带和抖动问题的信息。我尝试过使用 CSS 来渲染渐变,也尝试过使用 svg 来渲染。两者都有相同的闪烁结果。

我可以编写代码来强制 chrome 和 opera 像 safari 或 firefox 一样渲染渐变吗?

我试过 -webkit-transform:translateZ(0); 有和没有 webkit 前缀。它不能解决问题。还有其他建议吗?

PS 我的渐变是 90 度(从左到右)#66cccc 到 #349A9A。我不知道颜色是否有任何区别,但如果可以解决问题,我愿意稍微调整一下。

css opera gradient google-chrome

3
推荐指数
1
解决办法
3458
查看次数

HTML5 - 在 Chrome 和 Opera 中在画布上绘制时缩放图像模糊

当我使用drawImage()函数在画布上绘制缩放图像时,它在Chrome和Opera中看起来有点模糊,但如果我先绘制全尺寸图像,然后绘制缩放图像,它看起来很清晰。造成模糊的原因是什么?如何解决?

这是原始图像: 在此输入图像描述

这是 Chrome 和 Opera 中的结果: 在此输入图像描述

const img = new Image();

const crisptCanvas = document.getElementById('crisp-canvas');
const crispContext = crisptCanvas.getContext('2d');

const blurryCanvas = document.getElementById('blurry-canvas');
const blurryContext = blurryCanvas.getContext('2d');

const sx = 0, sy = 0, sWidth = 1980, sHeight = 1251;
const dx = 0, dy = 0;
const scaleFactor = 0.4762626262626263;

// Draw an image on canvas
function scaleImage(scale, context)
{
	const dWidth = (sWidth*scale);
	const dHeight = (sHeight*scale);
	context.drawImage(img, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight); …
Run Code Online (Sandbox Code Playgroud)

html opera google-chrome blurry

3
推荐指数
1
解决办法
2945
查看次数