2016-11-11 7 views
1

テーブルからいくつかの引用をコピーするにはclipboard.jsを使用しています。次のように基本的なHTMLマークアップは次のとおりです。clipboard.jsでホバーのタイトル属性を更新する

<div id="citation" style="position: absolute; top: -9999px; left: -9999px;">TEXT</div> 

<button type="button" class="btn clipboard-btn ion-clipboard" data-clipboard-target="#citation"></button> 

は、今私はマウスオーバーは(私たちはそこだけアイコンを使用)ボタンをクリックしたときにユーザーが何ができるかを説明するのタイトル/テキストを表示しようとしています。

ボタンでtitle="something"を使用しようとしましたが、clipboard.jsが上書きして空にしています。手動でdata-original-title="something"を設定しても、このトリックは実行されません。

私には何が欠けていますか?私のボタンでマウスオーバータイトルを達成するにはどうすればいいですか?あなたのボタンを見つけ、clipboard.jsを実行した後

+0

あなたが代わりに '' button'のinput'を使用することはできますか? – David

+0

うん、残念ながら... – Leander

答えて

0

とそのタイトルを設定し、プログラム

$('Button').attr('title', 'something'); 
+0

ボタンには 'title'属性がありません。いくつかのブラウザで動作するかもしれませんが、それは仕様ではありません。 https://www.w3.org/wiki/HTML/Elements/button – David

+0

@Davidこれは簡単で、すべての現代のブラウザがそれをサポートしています。上書きするには唯一の方法です(問題が指摘されています) –

+0

これはそうではないかもしれませんスペックは古いブラウザではアクセスできませんが、それは私の仕事です - その選択は誰にも怒らないことを願っています:) – Leander

関連する問題