我有一个下拉菜单.它的高度用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) 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) Opera浏览器是否可以忽略keyCode 40(向下箭头)?
$('#test').keyup(function(e) {
$('body').append('' + e.keyCode + '');
})
Run Code Online (Sandbox Code Playgroud)
测试一下:http://www.jsfiddle.net/V9Euk/454/
提前致谢!
彼得
自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.有人可以帮忙解决这个问题吗?
我正在为opera的用户脚本工作,而opera不支持DOMSubtreeModified,是否有任何替代子树修改的方法?
注意:我只在javascript中寻找解决方案.(不是jquery或任何JavaScript库)
谢谢.
我正在尝试为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) 当我用Opera重写https页面的HTML源时出现错误:
未加载链接的脚本用http://localhost:4444/index.js.
当我使用http://mypage/index.js一切顺利.
直接将任何链接作为地址工作都是一样的.
关于这一点最神秘的是,它在几个小时前工作,并且歌剧localhost在计算机重启后开始拒绝连接.
我已经尝试重新安装Opera并将其localhost视为可信任的.没有防火墙活动.
我只是不理解:(
谢谢你的帮助.
我首先遇到了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没有.
" 选中保存我在网上输入的密码 ".
" 永不保存 "是空的.
我正在为我的网站背景使用渐变。在 safari 和 firefox 中看起来不错,但在 chrome 和 opera 中闪烁很严重。我在其他网站/帖子上读到过有关 chrome 的条带和抖动问题的信息。我尝试过使用 CSS 来渲染渐变,也尝试过使用 svg 来渲染。两者都有相同的闪烁结果。
我可以编写代码来强制 chrome 和 opera 像 safari 或 firefox 一样渲染渐变吗?
我试过 -webkit-transform:translateZ(0); 有和没有 webkit 前缀。它不能解决问题。还有其他建议吗?
PS 我的渐变是 90 度(从左到右)#66cccc 到 #349A9A。我不知道颜色是否有任何区别,但如果可以解决问题,我愿意稍微调整一下。
当我使用drawImage()函数在画布上绘制缩放图像时,它在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)