Question

我将链接值存储在锚标记＆＃34; data-link＆＃34;属性。例如data-link="http://localhost/test/384/1?search=vvcxv"

当我尝试使用数据（＆＃39; link＆＃39;）函数读取值时，get参数不会读取。请帮忙。

$('body').on('click','a', function (e) {alert($(this).data('link'))});

Answer 1

这是一个有效的代码示例。看起来你忘了什么......

var dataLink = $("[data-link]").data('link');

$(".result").html(dataLink);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-link="http://localhost/test/384/1?search=vvcxv"></div>

<div class="result"></div>

enter code here

Answer 2

在jQuery的this函数中使用on会导致麻烦。你可以试试这个：

$('body').on('click','a', function (e) {
  alert($(e.target).data('link'));
});

Answer 3

它为我工作。见：

$(document).ready(function() {
  $('body').on('click', 'a', function(e) {
    alert($(this).data('link'))
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<a data-link="http://localhost/test/384/1?search=vvcxv" id="mylink">My Link</a>

无法使用data（）函数读取get参数

3 个答案: