jquery - 悬停时突出显示 GridView 的行 - 如何将 GridView 作为参数传递到单独的 JavaScript 文件中？

Question

我正在学习 jQuery，我正在练习。 我的任务是：在悬停时突出显示 GridView 行 我在 .aspx 页面中编写了以下代码

<script src="Scripts/HighlightGridViewRow.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $("#<%=GridView1.ClientID%> tr").hover(
function() {
    $(this).addClass("highlight");
},
function() {
    $(this).removeClass("highlight");
});
    });
</script>

后面的代码中没有 jQuery 特定的代码。

如何将我在 .aspx 页面中编写的 javascript 代码移动到一个单独的 .js 文件中？

提前致谢，

阿肖克库马尔。

Answer 1

将 JQuery 悬停在函数上并将其放置在 JS 文件上。

通过将 clientID 作为参数传递来调用该函数。

做这样的事情。

调用功能在.aspx页面上：-

highLight(<%=GridView1.ClientID%>);

函数在JS文件中：-

function highLight(cid)
{   
    $("#"+cid+" tr").hover(
        function() {     
            $(this).addClass("highlight"); 
        }, 
        function() {     
            $(this).removeClass("highlight"); 
        }
    );
}