2016-11-22 5 views
1

の内容を変更する:私は、次のhtml要素持っているHTML要素の「タイトル」jqueryのを使用して、ツールチップのために使用される属性またはCSS

<a href="#" id="pinterest" alt="PINTEREST"> 
    <img alt="PINTEREST" title="PINTEREST" src="image.png" class="icon"> 
</a> 

を私は連絡先「に「Pinterestの」からtitle属性値を変更する必要があります私たちは、上記のimgの上を飛ぶときにツールチップとして使用されます。

私はいくつかの検索をしましたが、それはCSSでできないと信じています(おそらく:beforeまたは:after疑似要素ですか?)ので、今私はjQueryを試しています。

私のjQueryのは、次のようになります。

jQuery(document).ready(function($) { 
    $('#pinterest img').attr('title', 'Contact Us'); 
)}; 

しかし、それは働いていません。

私はjQueryのバージョンに気づくが、それは(私はそれ以降のバージョンの程度propを学んだ)、関連するかどう

ありがとう、1.11.3です。

+0

があなたの 'jquery'バージョンは問題ないはずはありません..あなたは、任意のコンソールエラーがない確認していただけますか? –

+0

これはWordPressのセットアップです。 > SyntaxError:expected expression、got ')' [詳細はこちら] ' ' GET http://.../wp-content/themes/wp_oswad_market-child/images/media /bg-footer.jpg [HTTP/1.1 404 Not Found 1155ms] ' ' JQMIGRATE:Migrateがインストールされています、バージョン1.4.1 jquery-migrate.min.js:2:542 このサイトはスクロールリンクされた配置を使用しているようです効果。これは、非同期のパンではうまく動作しないことがあります。詳細についてはhttps://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffectsを参照し、関連するツールや機能についてのディスカッションに参加してください! – Mario

+1

あなたの提案をお寄せいただきありがとうございます。それは私がブラケットで中括弧をスウィープしたことでした。下に記されている答えで分かります。しかし興味深いことに、私はコンソールがこれにエラーを与えているとは思わない。 – Mario

答えて

0

あなたは括弧

例えば閉じた後、カーリー追加として、あなたに問題がありますjQuery(document).ready function

jQuery(document).ready(function($) { 
    $('#pinterest img').attr('title', 'Contact Us'); 
)}; 

jQuery(document).ready(function($) { 
    $('#pinterest img').attr('title', 'Contact Us'); 
}); 

jQuery(document).ready(function($) { 
 
    $('#pinterest img').attr('title', 'Contact Us'); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<a href="#" id="pinterest" alt="PINTEREST"> 
 
    <img alt="PINTEREST" title="PINTEREST" src="image.png" class="icon"> 
 
</a>
に置き換えてください:

document.ready機能が)};しばらくちょうど置き換える});

で終了すべきで終わります

注:jQueryライブラリのバージョンとは何の関係も:)

+0

あなたの 'document.ready'関数は'}};で終わり、 '});'で終わるべきです。これは理にかなっていますか? – pradeep1991singh

+0

ああ男!なぜ私たちが見落とした単純なことですか?どうもありがとうございました。それは私がチェックしなかったものです。それは今働きます! – Mario

関連する問題