使用jQuery的工具提示

-1

我試圖調出我的document.getElementByID以從當前表單中獲取ID。但它不會懸停在我輸入的特定文本上，而不是輸出「â€」。從Tooltip/hover-text in an array參考，我已經修改了一些東西，但仍然顯示工具提示文本。使用jQuery的工具提示

Updated code- 
In my html page: 

<script> 
$(document).ready(function() 
{ 
      var tooltip_Text = $('#tooltip_Text'); 
    var tooltip = $('#tooltip'); 
    $('#Hobby').hover(
     function() 
        { 
      tooltip.fadeIn(200); 
     }, 
     function() 
        { 
      setTimeout (function() { 
       tooltip.fadeOut(200); student.php(); 
      }, 1000); 
     } 
    ); 
    $('#Hobby').bind('change', function() 
      { 
     student.php('user has changed the value'); 
    }); 
}); 
</script> 

//my list/menu 
<select name="OffenceName" id="Hobby" ><span id="Hobby"></span> 
<?php $arr = array('', 'cycling', 'badminton', 'jetskiing', 'ice-skating'); 
    for($i = 0; $i < count($arr); $i++) 
    { 
    echo "<option value=\"{$arr[$i]}\" {$selected}>{$arr[$i]}</option>\n"; 
    } 
?> 
</select> 
<tool id="tooltip" class="tooltip"> 
<?php $toolarr = array('','cycling is...', 'badmintion is...', 'jetskiing is...', 'ice-skating is...'); 
    for($t = 0; $t < count($toolarr); $t++) 
    { 
     if($toolarr[t] == $arr[i]) 
     { 
     echo "sample display"; 
     } 
    } 
<span id="tooltip_Text"></span>

我不能設法調出以下，即使我嘗試通過ID而不是student.php獲得元素的提示文本（）;好心提醒。

來源

2012-07-11 JLearner

用$（「＃Hobby」）替換document.getElementById（「Hobby」） – Tuscan 2012-07-11 11:30:39

可以使用完整的JavaScript或Jquery。不要混淆起來 – Tuscan 2012-07-11 11:32:07

@Tuscan我替換了它們，但它仍然是一樣的。所以我不能混合他們？我必須拿出我的document.getelementbyid？ – JLearner 2012-07-11 11:35:02

試試這個;

$(document).ready(function() 
{ 
    $("#Hobby").hover(function(){ 
     $("#tooltip").fadeIn("slow"); 
    }, 
    function(){ 
     $("#tooltip").fadeOut(); 
    }); 


    $('#Hobby').change(function() { 
     $("#tooltip_Text").text("user has changed the value"); // or you can use .html("...") intead of .text("...") 

    }); 

});

來源

2012-07-11 11:41:58 Kerberos

抱歉打擾，它沒有在點擊時提示。 – JLearner 2012-07-11 11:50:33

@JLearner我的英語不太好。我不明白你的意思是什麼？但如果你想改變事件點擊事件，你可以寫「改變」的「點擊」intead。 – Kerberos 2012-07-11 11:57:03

不是這個。而不是警惕。我怎樣才能調用tooltip_text？我不能把tooltip_text（'用戶改變了值'）不是嗎？ – JLearner 2012-07-11 12:04:56

您不應該選擇具有原生javascript選擇器而是使用jQuery選擇器的元素。就像這樣，你的代碼不能工作，因爲你調用的方法只存在，如果你的元素被jquery對象封裝。

所以不是

document.getElementById("Hobby").hover(...

使用

$("#Hobby").hover(...

您的代碼應該拋出了幾個錯誤，像這樣的：

TypeError: Object #<HTMLDivElement> has no method 'hover'

編輯：

幾個錯誤：

//my list/menu不是有效的HTML註釋

student.php()無效或者

來源

2012-07-11 11:32:38 Christoph

嘗試更改但仍然是相同的結果「？」 – JLearner 2012-07-11 11:35:42

其中是您的student.php（）函數？這是什麼？ – Christoph 2012-07-11 11:36:29

student.php是我的網頁。而不是student.html。我的頁面是student.php – JLearner 2012-07-11 11:38:01

使用jQuery的工具提示

回答

相關問題