モバイルウェブデザイン：HTMLタグのtitle属性の代わりに

モバイルブラウザで動作するHTMLタグのtitle = ""属性の代替手段はありますか？モバイルウェブデザイン：HTMLタグのtitle属性の代わりに

2016-06-24 Jordy19

あなたはどんな影響をしますか？ホバーは、モバイルでデスクトップと同じ重要性を持っていません。 – Sirko

ツールヒントのエフェクト、たとえば、私はテキストの束と小さな列を持って、これは読み迷惑です。デスクトップブラウザでは、タイトルの属性を追加するだけで、読みやすい長文をツールチップに表示することができます。しかし、これはモバイルブラウザでは不可能です。 – Jordy19

あなた自身が言っているように、モバイル環境では直接的な機能は利用できません。だからあなたが実際に探しているのは、おそらくhttp://ux.stackexchange.com/に適しているツールチップの代わりです。 – Sirko

title属性がツールチップon hoverをトリガしていますが（スマートフォン用）モバイルブラウザでホバーことができないので、何選択肢はありません。モバイルブラウザでののホバーの別の操作は、holdです。だからあなたのような何かをするjqueryのを使用することができます。

HTML：

<div id="x" title="Hello World">Hold this element</div>

jqueryの：

$('#x').tooltip({trigger: 'manual'}); 
$('#x').on("taphold",function(){ 
    $(this).tooltip('show'); 
});

注：jqueryの、モバイルjqueryのそしてブートストラップ（jsとcss）はが必要です。この例ではです。あなたは他のCSSライブラリを使用することもできますし、必要に応じてツールチップを作成することもできます...

出典

2016-06-24 11:34:29

モバイルウェブデザイン：HTMLタグのtitle属性の代わりに

答えて

関連する問題