JQuery Hover没有在ASP.net转发器控件内的表td上工作。 [英] JQuery Hover not working on table td inside ASP.net repeater control .

问题描述

我在转发器中有一个带有类名coapplicants的元素。我已经编写了jQuery代码，用于显示该元素悬停时的警告，但它无法正常工作，因为我已经在浏览器控制台中对其进行了测试。

请尽快回复此问题的解决方案......



我在下面附上我的代码....



JQuery代码：

I have an element with class name coapplicants inside a repeater.I have write jQuery code for display an alert on hover of that element but its not working as i have tested it in browser console its working .
please reply the solution for this problem ASAP......

I am attaching my code here below ....

JQuery code :

<script type="text/javascript">
    $(document).ready(function(){
       $('.coapplicants').hover(function(){
           alert('mouseIn');
       },function(){
           alert('mouseOut');
       });
    });

 </script>

HTML内容：

HTML content :

<table border="1">
    <tr>
        <td>
            <input id="h" type="checkbox" name="f" >
                <input type="hidden" name="fgg" id="rt" value="30">
                                                                </td>
                                                                <td><span>TEST 4</span></td>
                                                                <td><span>TEST 4</span></td>
                                                                <td><span>Banarpal</span></td>
                                                                <td><span>866767</span></td>
                                                                <td><span>67</span></td>
                                                                <td><span>65675</span></td>
                                                                <td><span>76756656</span></td>
                                                                <td class="coapplicants"><span>Click To Show</span></td>
                                                            </tr>
</table>

推荐答案

（document）.ready（function（）{

(document).ready(function(){

（'。coapplicants'）。悬停（function（）{
alert（'mouseIn'）;
}，function（）{
alert（'mouseOut'）;
}）;
}）;

< / script >

('.coapplicants').hover(function(){ alert('mouseIn'); },function(){ alert('mouseOut'); }); }); </script>

HTML内容：

HTML content :

<table border="1">
    <tr>
        <td>
            <input id="h" type="checkbox" name="f" >
                <input type="hidden" name="fgg" id="rt" value="30">
                                                                </td>
                                                                <td><span>TEST 4</span></td>
                                                                <td><span>TEST 4</span></td>
                                                                <td><span>Banarpal</span></td>
                                                                <td><span>866767</span></td>
                                                                <td><span>67</span></td>
                                                                <td><span>65675</span></td>
                                                                <td><span>76756656</span></td>
                                                                <td class="coapplicants"><span>Click To Show</span></td>
                                                            </tr>
</table>

请参阅我刚刚创建的演示 - 哈哈上的[演示]提示ASP.NET转发器列 [ ^ ]。它完全有效。

Please see the Demo I just created - [Demo] Alert on Hover on the ASP.NET Repeater Column[^]. It is perfectly working.

这篇关于JQuery Hover没有在ASP.net转发器控件内的表td上工作。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！