Question

我有一个按钮：

<div class="btn-group pull-right">
    <button class="btn btn-default approve" title="<?= _('Approve all') ?>" data-authorized="<?php $authorized ?>" id="approveButton" >
        <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Approve all
    </button>
</div>

我尝试使用以下内容阅读data-authorized：

$(document).ready(function () {
    $(document).on('click', "button.approve", function (event) {
        var authorized = $(event.currentTarget).data('authorized');
        alert($(event.currentTarget).data('authorized'));
        alert($(this).data('authorized'));
        alert($(this).attr('data-authorized'));
        alert($('#approveButton').data('authorized'));
    });
});

我尝试了几种方法，但它们都没有显示$ authorized的正确值。我只是得到一个空警报，没有未定义，虚假或真实。

我做错了什么？

Answer 1

data-authorized为empty，因为您没有echo任何

更改

data-authorized="<?php $authorized ?>"

到

data-authorized="<?php echo $authorized; ?>"

然后您的代码才能运行（只需要这么多）： -

$(document).ready(function () {
    $(document).on('click', "button.approve", function (event) {
        alert($(this).data('authorized'));
    });
});

Answer 2

改变它：

data-authorized="<?php $authorized ?>"

到

data-authorized="<?php echo $authorized ?>"

再试一次

JQuery PHP数据属性没有返回正确

2 个答案: