Question

我正在尝试创建一个页面，当我点击img时，data-src属性中的数字将增加1.所以我可以将我的图像1编号为任意或者可能在图像的任一侧有箭头，一个会增加一个，一个会减少一个来创建幻灯片吗？

<!DOCTYPE html>
<html>
<head>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/gif-zoomer.js"></script>
    <link rel="stylesheet" type="text/css" href="css/gif-zoomer.css">
</head>
<body>
    <div class="zoomer-loading">loading <span class="spinner"></span></div>
    <div class="zoomer-img" data-src="img/1.gif"></div></a>
</body>
</html>

Answer 1

domain.tld/I_need_help

您可以通过获取data-src attr中的数字来增加。

Answer 2

您可以将计数器存储在不同的属性中，这样您就不必每次都解析data-src

sqlContext.saveAsParquetFile()

然后jQuery：

<div class="zoomer-img" data-src="img/1.gif" data-counter="1"></div>

Answer 3

尝试使用.replace()

＆＃13;

$(".zoomer-img").click(function() {
  $(this).data("src", $(this).data("src").replace(/(\d+)/, function(m) {
    return 1 + Number(m)
  }))
  $(this).html($(this).data().src)
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="zoomer-loading">loading <span class="spinner"></span>
</div>
<div class="zoomer-img" data-src="img/1.gif">click</div>

＆＃13;

如何在data-src中增加文件引用？

3 个答案: