这是我尝试测试jQuery resizable是否有效的简单代码.我使用google.load就可以使用其他jQuery组件了,我尝试将google.load换成本地版本,没有任何区别.我已经在3个浏览器中测试过,我已经从几个演示/教程站点复制了代码(它可以在他们的站点上找到它们).
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://www.google.com/jsapi?key=blahblah_obviously changed_blahblah-blahblah_blah_blahblahblah"></script>
<script type="text/javascript">google.load("jquery", "1.3.2");google.load("jqueryui", "1.7.1");</script>
<style type="text/css">
#resizable { width: 100px; height: 100px; background: silver; }
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#resizable").resizable();
});
</script>
</head>
<body>
<div id="resizable"></div>
</body>
</html>
我没有收到任何错误消息.我的智慧结束了.我究竟做错了什么？为什么即使这个简单的案例也不起作用？
更新:jQuery UI库包含在google.load("jqueryui","1.7.1")行中;
我在页面上有一个下拉/多级CSS菜单.然而,菜单没有显示在我的闪存图表上.明显的修复似乎是把wmode:透明(或不透明),但这对我不起作用.我也尝试将CSS中的z级设置为非常高的值(2000),但这也不起作用.
另外,我使用open-flash-chart-v2来生成图表.(虽然我认为这不重要,但它限制了我传递变量的能力,因为我没有直接使用embed或object标签).
<script type="text/javascript">
swfobject.embedSWF("/ofc-library/open-flash-chart.swf", "chart", "100%", "100%", "9.0.0", "expressInstall.swf", {"wmode" : "transparent"});
</script>
页面显示问题(这当前不显示z-index尝试修复.)
我试图在MySQL中创建以下表:
CREATE TABLE IF NOT EXISTS cliente(
id_cliente SERIAL PRIMARY KEY,
nombre_cliente VARCHAR(20) NOT NULL,
direccion_cliente VARCHAR(40)
)ENGINE=InnoDB;
CREATE TABLE IF NOT EXISTS archivo(
id_archivo SERIAL PRIMARY KEY,
nombre_archivo VARCHAR(30),
id_cliente INTEGER
)ENGINE=InnoDB;
CREATE TABLE IF NOT EXISTS fecha(
id_fecha INTEGER PRIMARY KEY,
fk_cliente INTEGER,
id_archivo INTEGER,
FOREIGN KEY(fk_cliente) REFERENCES cliente(id_cliente)
)ENGINE=InnoDB;
但是,我得到错误:
Error Code: 1005. Can't create table 'adm_bordados.fecha' (errno: 150)
最后一个表fetcha未创建.
我正在使用QueryPath和PHP.
这可以找到.eventdate,但不会返回.dtstart的任何内容:
$qp = htmlqp($url);
foreach ($qp->find('table#schedule')->find('tr') as $tr){
echo 'date: ';
echo $tr->find('.eventdate')->text();
echo ' time: ';
echo $tr->find('.dtstart')->text();
echo '<br>';
}
如果我交换这两个,.dtstart工作正常,但.eventdate不会返回任何内容.因此,似乎querypath中的find()会破坏元素并仅返回它所需的值,使得迭代超过$ tr无法搜索多个项目.
这是我正在处理的TR的示例HTML:
<tr class="event"><th class="date first" scope="row"><abbr class="eventdate" title="Thursday, February 01, 2011" >02/01</abbr><span class="eventtime" ><abbr class="dtstart" title="2012-02-01T19:00:00" >7:00 PM</abbr><abbr class="dtend" title="2012-02-01T21:00:00" >9:00 PM</abbr></span></th><td class="opponent summary"><ul><li class="first">@ <a class="team" href="/high-schools/ridge-wolves/basketball-winter-11-12/schedule.htm" >Ridge </a> <span class="game-note">*</span></li><li class="location" title="Details: Ridge High School">Details: Ridge High School</li><li class="last"><a class="" href="/local/stats/pregame.aspx?contestid=4255-4c6c-906d&ssid=381d-49f5-9f6d" >Preview Game</a></li></ul></td><td class="result last"><a class="pregame" href="/local/stats/pregame.aspx?contestid=4255-4c6c-906d&ssid=381d-49f5-9f6d">Preview</a></td></tr>
我尝试在第一次找到之前复制$ tr并在第二次找到之前替换它,但这不起作用.
如何在每个$ tr期间搜索某些变量？
仅供参考,超过.eventdate和.dtstart,我也想要.opponent,href在a …
我希望有一个有序列表,左侧有文本,而li右侧有每个li的图像.所以我将图像浮动到右边,它将图像正确地放在右边,文本放在左边,但是在IE和FF中图像的像素太低了14个像素.Chrome做得对.在我看来,这是IE和FF将浮动放在每个LI的外部或下方而不是它应该在的内部(如Chrome).如果我为IE和FF调整位置-14px(向上),它可以正常工作,但Chrome会搞砸.14px是每个LI的高度,这就是为什么这个技巧有效.
除非绝对需要,否则我不想要单个浏览器黑客攻击(即,为IE/FF执行-14px偏移并告诉Chrome忽略它).
#top25list{
width:185px;
cursor:n-resize;
list-style:
decimal inside;
padding:0;
margin:0
}
#top25list li{
margin:0;
padding:0 3px;
background-color:#FFF;
border-top:1px solid #990100;
border-bottom:1px solid #990100
}
#top25list img{
border:none;
height:13px;
width:13px;
float:right
}
#top25list li:hover{
background-color:#990100;
color:#FFF
}
李的没什么特别的:
<li id=##>Name <a href="#" rel="##" class="removeTeam"><img src="/images/button-x.png" alt="Remove Name"></a></li>
看到第一个LI没有FF/IE的图像,因为它在下面(它看起来像#2),而#25图像不在列表的底部.
我希望所有3看起来像Chrome.有一些JavaScript生成OL/LI,它只class=removeTeam适用于jQuery操作.这个列表在jQuery可排序的内部,我确实用jQuery(.disableSelection();)禁用了列表选择.我不认为这与jQuery或JavaScript有任何关系,只是简单的CSS.