我已经看到多篇关于使用jquery格式化gridview行的文章/问题。但是,这是我第一次尝试编写一个jquery并在asp.net页面中使用它。
我设法做到以下几点,但是它对gridview没有任何作用。我做错了什么?
<script src="Scripts/jquery-1.6.1.min.js" type="text/javascript"></script>
</head>
在正文部分中,在创建GridView1之后:
<script language="javascript" type="text/javascript">
$(document).ready(function () {
$("#<%=GridView1.ClientID%> td:nth-child(odd)").css("background-color", "#FFCCCC");
$("#<%=GridView1.ClientID%> td:nth-child(even)").css("background-color", "#99CCFF");
});
</script>
我还将这个jquery另存为scripts文件夹中的jqueryColumnColours.js。因此,第二个问题,如何在不真正在aspx页面中编写上述功能的情况下使用.js文件?
编辑:
$(document).ready(function () {
$("#GridView1 td:nth-child(odd)").css("background-color", "#FFCCCC");
$("#GridView1 td:nth-child(even)").css("background-color", "#99CCFF");
});
包括最新的jquery,例如:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
并在关闭正文部分之前添加脚本标签,
</form>
<script type="text/javascript">
$("#grid td:nth-child(odd)").css("background-color", "Tan");
</script>
</body>
希望对您有所帮助!!!
bonCodigo编辑:适用于我的页面的唯一更改是使用http://
而不是//
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.js" type="text/javascript"></script>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句