Question

我希望this plugin的每张卡片都能将用户带到某个特定的页面，所以我尝试了下面的代码，该代码运行良好：

jQuery(document).on('click', '.fc_card-container', function() {
    alert('clicked!');
    location.href = 'http://www.google.com';
});

但是，我有10张卡片（.fc_card-container），我应该为每张卡片设置不同的目标页面。我怎么能这样做？

更新：有人告诉我要做以下事情，但额外的data-url属性消失.. :(

在每个fc_card-container元素上，您可以添加额外的data-* 用于存储click事件应该转到的URL的属性像这样：
<div class="fc_card fc_auto fc_flipping-right" data-url="http://stackoverflow.com" data-direction="right"
data-autoflip =“2000”data-start =“1000”＆gt;
jQuery(document).on('click', '.fc_card-container', function() {
    window.location.assign($(this).data('url'));
});

谢谢！

Answer 1

您正在尝试使用.fc_card-container类获取所有DOM节点，并且在没有该类的DOM元素中使用data-url属性：

<div class="fc_card fc_auto fc_flipping-right" data-url="http://stackoverflow.com" data-direction="right"

因此，要么添加所需的类，要么将data-url属性更改为正确的DOM节点。

Answer 2

<script type="text/javascript">
$(document).ready(function(){
    $( ".fc_card-container .fc_card" ).each(function(index) {
        $(this).on("click", function(){
            window.location.assign($(this).data('url'));
        });
    });
});
</script>

您也可以使用 $（“。fc_card-container＆gt; div”）。每个（函数（索引）

使用WordPress中的jQuery为每张卡片执行不同的操作

2 个答案: