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" />

我想在网站的前端显示数据标题和数据描述，但由于某种原因没有显示。在数据属性方面我是个大菜鸟，所以我为初学者方面道歉。我不知道是否应该通过 CSScontent: attr(data-title)或 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 属性。在您的示例中，您创建了另外 3 个属性，称为 data-img、data-title、data-description。

如何访问这些属性取决于您的应用程序，以便您可以使用 Jquery 访问它们，甚至应用 CSS 规则！

于 2013-03-25T21:38:21.637 回答