【问题标题】:Javascript : Access data-link attributeJavascript:访问数据链接属性
【发布时间】:2020-10-28 20:07:50
【问题描述】:

https://151megapixel.co.nz/concrete5/index.php/gallery

我有一个使用 SmartPhoto 生成的 javascript 幻灯片(这样我可以获得缩放功能)。但是,我希望将数据标题作为指向另一个页面的链接。我无法在此处发布 javascript 代码,因为它超过 1000 行。

我试过了:

data-link="/concrete5/index.php/purchase"

$(".aclick").click(function (e) {
        e.preventDefault();
        alert($(this).find('data-caption').attr("data-link"));
        });

【问题讨论】:

  • 关于 jQuery 的 IDK,但在纯 JS 中,您可以使用 getAttribute("data-link")
  • 完整的 js 会是什么样子,因为它必须在 中。

标签: javascript gallery data-linking


【解决方案1】:

我检查了您提供的链接。据我了解,你可以这样写:

$('a.js-smartPhoto').click(function (e) {
    e.preventDefault();
    alert($(this).data('link'));
});

【讨论】:

  • 谢谢,但没用。为标题生成的代码是<span class="smartphoto-caption" aria-live="polite" tabindex="-1">Jetty T</span>
  • 首先,我看不到任何具有“aclick”类的组件。我假设您希望在单击时使用“js-smartPhoto”类访问锚标记的数据链接属性。当我在您的网站上尝试时,我的代码正在提供它。如果问题不同,请更新更多详细信息。
  • 那么当您点击幻灯片中照片上方的标题时,浏览器会将您带到购买表单页面?这就是我追求的结果。我正在使用 Brave 浏览器,但这不应该有所作为,因为代码是通用的。不要认为这是一个缓存问题。嗯。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-04-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-08-06
相关资源
最近更新 更多