Question

SCRIPT

<script type="text/javascript">
$(function () {
   $(".ttip").hide();
   $(".txttwo").keyup(    
    function () {
        var one = $(this).val();
        $(".ttip").fadeIn().text(one);
    });

    $(".txttwo").blur(
     function () {
        var one = $(this).val();
        $(".ttip").hide();
    });
});    
    </script>

CODE：

   <asp:GridView ID="GridView1" runat="server" EnableModelValidation="True">
                <Columns>
                    <asp:TemplateField>
                        <ItemTemplate>
                         <p class="ttip bubble" class="bubble"></p>
                            <asp:TextBox ID="abc" class="txttwo tipin" runat="server" ></asp:TextBox>
                        </ItemTemplate>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>

FIDDLE http://jsfiddle.net/w96LX/7/

如果有人能告诉我如何设置气泡的宽度以使其根据文本的长度进行扩展，那也很棒。我得到了所有文本框的工具提示，因为我已经使用了类。我需要一次只显示工具提示。

Answer 1

只需使用$(this).attr("id")即可获取元素的ID。另外，apped display:inline-block; width: auto;可以使气泡与内容一样大：http://jsfiddle.net/w96LX/26/

更新：我没有在您的HTML中看到ID，只是服务器端代码。您需要将ID附加到HTML元素才能接收它。或者你生成内联javascript，即调用一个方法来设置ID。

如何将GridView中的控件的id传递给Jquery？

1 个答案: