のみ最初のものは、私がスライドショーを持っており、各スライドショーの私はこのような要素の後に::を持って

Question

に動作します...複数のスライドショー項目に要素の後に::リンク：

.views-field.views-field-title .field-content:after { 
    content: url('../images/myimage.svg'); 
    position: absolute; 
    margin-left: -21px; 
    margin-top: -30px; 
} 

私はリンクを作成したいです要素の最初のリンクのみが機能しますが、後続のスライドショー項目では機能しません。

$('.views-field.views-field-title .field-content').after().click(function() { 
    window.location.href = "http://www.example.com"; 
    }); 

foreachを使用してこれを繰り返す必要がありますか？

Answer 1

after methodは、選択された要素の後に内容を挿入するために使用されます。

$('h1').after('<p>Small text</p>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h1>Big Text</h1>

あなたcan't directly select pseudo elements彼らは、実際のDOM要素ではないからです。だから、:afterのコンテンツをクリック可能にすることはできません。あなたはダミーの要素を挿入してクリック可能にしているのです。

この場合、:afterのコンテンツを適切なDOM要素（<a>タグなど）に置き換え、それに応じてその要素をスタイルする必要があります。