如何隐藏/添加按钮取决于使用Jquery导航的位置

Question

我有一个引导对话框按钮，当点击导航到某个url页面时。该页面具有某些元素（对于前者），这些元素根据从哪里导航而有条件地显示。总之，即时通讯尝试使用现有的模板显示/隐藏和添加按钮，具体取决于'where'导航。

对于例如：在从对话消息的点击按钮，

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

它定位到包含以下<div>一个网址：

<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> 

这可能对如何可以做到这一点？任何想法

感谢

Answer 1

您可以在页面上同时发送和设置的CSS显示属性？！然后你可以使用jQuery来切换它，你可以检查事件对象，看它是从哪里来的，所以它只会切换它们。它来自警报继续按钮。

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

假设你已经在你的页面上的链接点击事件侦听器中加入这一行：

if (e.target.id === 'alert-proceed-button) { 
    togglesave() 
}