如何使用Jquery根据导航位置隐藏/添加按钮

How to hide/add button depending on the place of navigation using Jquery

本文关键字：隐藏 添加 按钮 位置 导航 何使用 Jquery      更新时间：2023-09-26

我有一个引导对话框按钮，当单击时导航到某个url页面。该页面具有某些元素（例如），这些元素是根据导航位置而有条件显示的。简而言之，我试图使用现有的模板来显示/隐藏和添加按钮，这取决于"哪里"导航。

例如：点击对话框消息中的按钮，

$("#alert-proceed-button").on("click", function(){
    window.location.href= '#accounts/admin';
 }

它导航到包含以下<div>:的url

 <div id="account">
                <button class="save-changes">Save changes</button>
 </div>

该url在该页面上包含以下内容。现在，当我从其他地方导航时，我想显示<button class="save-changes">Save changes</button>按钮，但当我从对话框消息（即<button id="alert-proceed-button"/>）导航时，我们想隐藏"保存更改"按钮，并在其位置附加/添加一个新的"添加服务"按钮：

 <div id="account">
                <button class="add-service">Add Service</button>
 </div>

这可能吗？关于如何做到这一点，有什么想法吗？？

谢谢！

您可以在页面上发送两者，并将其中一个的css显示属性设置为隐藏。然后您可以使用jQuery来切换它。您可以检查事件对象以查看它是否来自哪里，因此只有当它来自警报继续按钮时才会切换它们。

function toggleSave () {
  $('.save-changes').attr('display', 'none')
  $('.add-service').attr('display', 'block')
}

假设您已经在页面上的链接点击事件上有一个监听器，请添加以下行：

if (e.target.id === 'alert-proceed-button) {
  togglesave()
}
相关文章：