【发布时间】:2012-07-27 06:00:32
【问题描述】:
我在这里的浏览器有一些奇怪的体验。下面的这段代码已经上传到这个网址:http://roberthanson.net/index.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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script src="scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function($) {
$('ul li').click(function() {
$('input#shareto').val($(this).data('val'));
});
});
</script>
</head>
<body>
<form>
<ul>
<li data-val="0-1">
<a href="#" title="" class="selected"><span class="to-admin">Administrator</span></a>
</li>
<li data-val="1-1">
<a href="#" title=""><span class="to-finance">Finance</span></a>
</li>
<li data-val="1-0">
<a href="#" title=""><span class="to-technician">Technician</span></a>
</li>
<li data-val="0-0">
<a href="#" title=""><span class="to-lawyer">Legal</span></a>
</li>
</ul>
<input id="shareto" type="text" value="1-0" name="shareto">
</form>
</body>
</html>
当我在 Linux 上使用 Microsoft Internet Explorer 和 Firefox 打开时,这些代码运行良好。该值会根据点击的 LI 标签而变化。但我没有在我的 Mac 上看到这种行为。我在 Mac 上安装的所有浏览器(Safari、Chrome 甚至 Firefox 本身)的结果都与我在 IE 或 Firefox 上的不同。
只有我有这种经历吗?还是我们有一些额外的代码使它适用于 Mac?之前谢谢。
【问题讨论】:
-
$(document).ready(function($)的'function($)'里面的'$'有什么用? -
实际上我从我之前的帖子中得到了那个代码:stackoverflow.com/questions/11675032/…,所以我不知道那个美元符号是用来做什么的。
-
在古老的 JQuery 传统中......
-
喜欢 1999 年的老式 doctype!