代码之家 › 专栏 › 技术社区 › donsonde

Onclick事件未打开引导模式

html jquery php javascript

-1

donsonde · 技术社区 · 6 年前

我试图打开一个启动模式按钮点击,但似乎我的代码没有运行。下面是我的代码片段:

<button type="button" class="btn btn-xs btn-default" onclick="openViewUserModal(<?= $users['userid']; ?>); return false;">
  <span class="glyphicon glyphicon-eye-open"></span>
</button>

function openViewUserModal(id) {
  var data = {
    "id": id
  };
  jQuery.ajax({
    url: "includes/viewUser.php",
    method: "POST",
    data: data,
    success: function(data) {
      jQuery('body').append(data);
      jQuery('#viewUserModal').modal({
        backdrop: 'static',
        keyboard: false,
        show: true
      });
    }
  });
}

2 回复 | 直到 6 年前

Sekhu 6 年前

这应该管用,标记echo语句。我觉得是打字错误。

<button type="button" class="btn btn-xs btn-default" onclick="openViewUserModal('<?php echo $users['userid']; ?>');">
  <span class="glyphicon glyphicon-eye-open"></span>
</button>

Rory McCrossan Hsm Sharique Hasan 6 年前

<?= $users['userid']; ?> 如果是字符串,则需要将其括在引号中:

onclick="openViewUserModal('<?= $users['userid']; ?>'); return false;"

也就是说,使用内联事件处理程序是一种非常过时的方法,应该尽可能避免。改用不引人注目的事件处理程序。您可以通过 data 属性,类似于:

$('.btn').click(function() {
  $.ajax({
    url: "includes/viewUser.php",
    method: "POST",
    data: {
      "id": $(this).data('userid')
    },
    success: function(data) {
      $('body').append(data);
      $('#viewUserModal').modal({
        backdrop: 'static',
        keyboard: false,
        show: true
      });
    }
  });
});

<button type="button" class="btn btn-xs btn-default" data-userid="<?= $users['userid']; ?>">
  <span class="glyphicon glyphicon-eye-open"></span>
</button>