的jQuery - 設置按鈕標題

Question

我想用jQuery

<button id="pub2" class="pub2" title="ok">Bibtex</button> 
<script>Tippy('.pub2', {interactive : true})</script> 

還要改變一個按鈕的標題，我有一個小段落，以測試

<p id="testP"> 
    text 
</p> 

改變的屬性，我做到以下幾點：

$(document).ready(function(){ 
    $("#testP").text("test worked"); 
    $("#pub2").attr("title", "new title not working"); 
}); 

更新段落的文本工作得很好，但按鈕的標題不會cha nge，爲什麼？

Answer 1

您的代碼做工精細： -

$(document).ready(function(){ 
 
    $("#testP").text("test worked"); 
 
    $("#pub2").attr("title", "new title not working");// you can use prop() also 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="pub2" class="pub2" title="ok"> Bibtex </button> 
 

 
<p id="testP"> 
 
text 
 
</p>

注： -

你下按鈕的代碼

<script>Tippy('.pub2', {interactive : true})</script> 

試圖從那裏刪除它，添加到你的腳本代碼如下： -

$(document).ready(function(){ 
    $("#testP").text("test worked"); 
    Tippy('.pub2', {interactive : true}) 
    $("#pub2").attr("title", "new title not working");// you can use prop() also 
});