2017-06-08 4 views
2

私はまたjQueryjQueryの - セットボタンのタイトル

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

を使用して、ボタンのタイトルを変更したいが、私はプロパティを変更するには

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

をテストするために、小さな段落を持って、私は次の操作を実行します。

段落のテキストを更新することは問題ありませんが、ボタンのタイトルは問題ありませんなぜ?細かい作業

+1

あなたの使用例は完全に –

+0

のjqueryのバージョンを使用していますか? –

+0

'の使い方は?あなたは教えていただけますか? –

答えて

3

あなたのコード: -

$(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 
}); 
+0

ブラウザコンソールでjsエラーをチェックしましたが、エラーはありません。プラス私は両方のjqueryステートメントの後にjavascriptsアラートを置くが、両方が実行されています。 –

+0

あなたはこれ以上のHTMLを持っていますか、それ以上のHTMLはありますか? id 'pub2'がどこかで繰り返されているかもしれませんか? –

+0

を確認してください。jqueryステートメントの下にtippy宣言を置くだけで、このように動作します。 –

関連する問題