ユーザーがリンク

CSSコードをクリックしたときに、GIFをロードすることができません： -ユーザーがリンク

.se-pre-con { 
position: fixed; 
left: 0px; 
top: 0px; 
width: 100%; 
height: 100%; 
z-index: 9999; 
background: url('UrlToTheImage') center no-repeat #fff;

jqueryのコード： - 私のHTMLで

$('a').click(function(){ 
    $(".se-pre-con").show(); 
}

誰かが上のクリックするたびに、私は多くのlinks.Soを持っていますリンクはクリックされたリンクがロードされるまでgifイメージを表示したい。jqueryを使わずにgifを表示するには問題ありません。つまり、通常はhtmlでgifを表示するだけですが、表示されます。ただし、リンクはclicked.Ant btwです。私はこれらの2つのcdnを使用しています： -

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>

私のhtmlコード：ここで

<a class="se-pre-con" href="LINKURL" >TEST</a></h4>

出典

2017-03-13 user7587888

htmlでCSSと実際のjqueryクリックイベントをどのように適用しましたか？ – imprezzeb

私はhtmlに適用されたCSSとjqueryを追加しませんでした。私はすべての 'a'すなわちリンクに適用して以来jqueryがそれを行うと思っていました。 – user7587888

上記のjqueryは、アンカーがクリックされたときにclass = "se-pre-con"のすべての要素を表示します。アンカーをクリックした後に画像を表示したい場合は、class = "se-pre-con"を追加する必要があります。 – imprezzeb

は一例です。

<html> 

<body> 
    <a href="">Show image</a> 
    <img src="..." class="se-pre-con" style="display:none" /> 
    <script> 
    $('a').click(function(){   
     $(".se-pre-con").show(); 
    } 
    </script> 
</body> 
</html>

出典

2017-03-13 04:54:14 imprezzeb

私はCSSからイメージのURLを削除する必要がありますか？ – user7587888

「se-pre-con」クラスはどこに適用しましたか？それはDIVにありますか？ – imprezzeb

あなたはクラスがコメントセクションに適用される必要があると言われているので、質問エリアで編集したクラスを適用しようとしました。しかし、私はあなたが回答セクションで投稿した方法を適用しようとしています。 – user7587888

答えて

関連する問題