0

非常に単純な JavaScript ポップアップ スクリプトに問題があります。

この例のページがあります: http://www.onofri.org/example/example4/

このページの最後に、#reportEng div ( engLink リンク内) で表されるイギリス国旗を含むいくつかの国旗を含むボックスがあります。

私が望むのは、ユーザーがこの要素をクリックすると、ポップアップ メッセージが表示されることです。

そこで、この簡単なスクリプトをページに追加しました。

<script>
    var test = document.getElementById('engLink');
    test.addEventListener('click', function() {
        alert('clicked');
    });
</script>

これは単なるテスト ページであり、最終結果はテンプレートにアクセスできない CMS のページに配置されるため(スクリプトを head セクションに入れることはできません)。

問題は、それが機能しないことです。英語のフラグをクリックすると、ページがリロードされ、ポップアップは表示されません。

手伝って頂けますか？

ありがとうございました、

アンドレア

4

3 に答える 3

2

私はまったく異なるアプローチを取りました。addEventListener はかなりクールですが、私は少し年をとっており、デフォルトで厄介な習慣を身につけています。これは私にとってはうまくいきます。

<script>
function myExample(){
    alert("BaZing!  It works!");
}
</script>

そしてHTML部分については...

<a href="" id="engLink"><div id="reportEng" onClick="myExample()"></div></a>

また、この「修正」は少しタブーであることも指摘しておきます (こちらを参照) 。

于 2013-10-05T16:12:32.807 に答える
0

<a> タグを使用している、<div> タグを使用するように変更する、または <a> タグをまったく削除する

これに従って、div をクリック可能にすることができます。

于 2013-10-05T16:00:15.590 に答える