0

Wordpressで表示されている注目の画像があります。次のように画像にデータ属性を追加しました...

 <img  src="<?php echo $large_image ?>" 
       data-img="<?php echo $large_image ?>" 
       data-title="<?php echo get_the_title(); ?>" 
       data-description="<?php the_content();?>" 
       alt="" class="superbox-img" />

ウェブサイトのフロントエンドにデータタイトルとデータ説明を表示したいのですが、何らかの理由で表示されません。私はデータ属性に関しては初心者なので、初心者の方にはお詫び申し上げます。content: attr(data-title)CSSとjqueryのどちらでタイトルと説明を表示する必要があるのか​​わかりません。

4

2 に答える 2

1

jqueryでデータ属性値を取得できます：http：//api.jquery.com/data/

<section data-role="page" data-page-num="42" data-hidden="true">
    <!-- Imagine a bunch of page-type content here... -->
</section>

<script type="text/javascript">
    console.log($('section').data('role'));
    // Expect string "page"

    console.log($('section').data('pageNum');
    // Expect 42, an integer...! 

    console.log($('section').data('hidden');
    // Expect the boolean TRUE!
</script>
于 2013-03-25T21:33:33.303 に答える
-1

data属性は、独自のhtml属性のセットを「作成」するために使用されます。この例では、data-img、data-title、data-descriptionという3つの属性を作成しました。

これらのプロパティにアクセスする方法はアプリケーション次第なので、Jqueryを使用してアクセスしたり、CSSルールを適用したりすることもできます。

于 2013-03-25T21:38:21.637 に答える