3

以下は、私の .ascx ページのサンプル コードです。jquery を使用して何らかのアクションを実行しようとし ていますが、$("input")うまくいきましたが 、機能してい$("asp:Label")ません。$("asp:Label")仕事をするために何を含めるべきですか

<asp:Label ID="lblInvolvedMembers" runat="server"></asp:Label>
<asp:Label ID="lblAcceptedBy" runat="server">    </asp:Label>
<input type="text" id="family" value="family " />
<input type="button" id="family1" value="button" />

//here i am trying to get server control to perform some action,   $("input") served me well but  $("asp:Label") is not working. what should i include inorder to make  $("asp:Label") work

$("asp:Label").hover(function() {
        Tip.text('');
        var ToolTipID = $(this).attr('id');
        var height = $(this).height() + 10;
        var offset = $(this).offset();
        if (data[ToolTipID].split('<br\>').length - 1) {
            var temp = data[ToolTipID].split('<br\>').length - 1;
            height = temp * 10;
        } else {
            height = 10;
        }

  $("input").hover(function() {
        Tip.text('');
        var ToolTipID = $(this).attr('id');
        var height = $(this).height() + 10;
        var offset = $(this).offset();
        if (data[ToolTipID].split('<br\>').length - 1) {
            var temp = data[ToolTipID].split('<br\>').length - 1;
            height = temp * 10;
        } else {
            height = 10;
        }
4

3 に答える 3

1

あなたは変わりたくなる

<asp:Label ID="lblInvolvedMembers" runat="server"></asp:Label>

のようなものに

<asp:Label ID="lblInvolvedMembers" runat="server" CssClass="label"></asp:Label>

次に、ここでjQueryセレクターを使用できます

$('.label').hover(function() {

それ以外の

$("asp:Label").hover(function() {

そうすれば、すべてのラベルに jQuery ホバー機能が追加されます。

特定のラベルをホバーしたい場合は、使用する必要があります

$('#<%= lblInvolvedMembers.ClientID %>').hover(function() {

ASP タグはクライアント ブラウザに渡される前に処理され、そこで JavaScript が作用するため、

lblInvolvedMembersのようなものになるでしょうctl0_label_lblInvolvedMembers。

アップデート

jQuery関数を閉じていないようにも見えます

$('.label').hover(function() {
        Tip.text('');
        var ToolTipID = $(this).attr('id');
        var height = $(this).height() + 10;
        var offset = $(this).offset();
        if (data[ToolTipID].split('<br\>').length - 1) {
            var temp = data[ToolTipID].split('<br\>').length - 1;
            height = temp * 10;
        } else {
            height = 10;
        }
});

$("input").hover(function() {
    Tip.text('');
    var ToolTipID = $(this).attr('id');
    var height = $(this).height() + 10;
    var offset = $(this).offset();
    if (data[ToolTipID].split('<br\>').length - 1) {
        var temp = data[ToolTipID].split('<br\>').length - 1;
        height = temp * 10;
    } else {
        height = 10;
    }
});

何が何であるかはわかりませんが、この jsFiddle で機能する機能を確認できますTip- > http://jsfiddle.net/XF4Zk/ここでのラベルの ID は、ASP.NET によって作成されたコントロールのクライアント側 ID を表します。Javascriptのコントロールの値を取得するために使用する理由ですdata.hover()lblInvolvedMembers.ClientID

于 2013-03-05T10:03:06.560 に答える
0

試す

$('input[id$=lblInvolvedMembers]').hover(function() {
 });
于 2013-03-05T08:52:42.583 に答える
0

これを試して：

$('#<%=Label.lblInvolvedMembers%>').hover();

またはこれ：

$('#<%=Label.lblInvolvedMembers%>').hover();
于 2013-03-05T08:53:02.643 に答える