我有一个我正在VS2005中工作的项目.我添加了一个WebBrowser控件.我向控件添加了一个基本的空页面
private const string _basicHtmlForm = "<html> "
+ "<head> "
+ "<meta http-equiv='Content-Type' content='text/html; charset=utf-8'/> "
+ "<title>Test document</title> "
+ "<script type='text/javascript'> "
+ "function ShowAlert(message) { "
+ " alert(message); "
+ "} "
+ "</script> "
+ "</head> "
+ "<body><div id='mainDiv'> "
+ "</div></body> "
+ "</html> ";
private string _defaultFont = "font-family: Arial; font-size:10pt;";
private void LoadWebForm()
{
try
{
_webBrowser.DocumentText = _basicHtmlForm;
}
catch(Exception ex)
{
MessageBox.Show(ex.Message);
}
}
然后通过dom添加各种元素(使用_webBrowser.Document.CreateElement).我也在加载一个css文件:
private void AddStyles() …我正在学习JQuery,我遇到了一个奇怪的问题.我制作了幻灯片,它适用于IE,Firefox 3.0和Firefox 3.5,但初始图像在Chrome中不起作用.
脚本只循环显示图像列表,并根据查看窗口的大小调整div(图像,标题)的大小.如果我移动$(document).ready(function(){}); 脚本到正文的末尾,脚本工作正常.
我的印象是在文档完全加载之前不会调用$(document).ready函数.这是正确的,Chrome渲染引擎正在做一些奇怪的事情,或者我做错了什么？
这是代码:
slideShow.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link rel="Stylesheet" type="text/css" href="css/main.css" />
<script src="scripts/jquery-1.3.2.js" type="text/javascript"></script>
<script src="scripts/jquery.slideShow.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
slideShow();
});
</script>
</head>
<body>
<div id="gallery">
<a href="#" class="show">
<img src="images/bees1_edited.jpg" alt="Bees" title="" rel="<h3>Bees!</h3> Some bees in my lavender." /></a>
<a href="#">
<img src="images/bee1_edited.jpg" alt="Bee One" title="" rel="<h3>Bee</h3> Close-up of a bee on a lavender flower." />
</a>
.
.
.
<div class="caption">
<div …