如何隱藏定位標記並在同一位置顯示另一個定位標記

我在JSP中定義了以下定位屬性。點擊「將所有計劃添加到購物車」後，我需要將所有計劃添加到購物車按鈕以隱藏並從購物車中刪除所有計劃，以便將其顯示在「將所有計劃添加到購物車」的相同位置。如何隱藏定位標記並在同一位置顯示另一個定位標記

隱藏和顯示工作正常。但是下一行顯示「從購物車中刪除所有計劃」。我希望它完全取代「將所有計劃添加到購物車」按鈕。我嘗試了各種方法，包括document.getElementById和inline，inline-block ete在我的Javascript文件中，但都沒有工作。

欣賞任何輸入。謝謝。

JSP

<a id="selectAll" class="primaryButton btn btn-small" style="margin-left:10px"> 
    Add All Plans To Cart 
</a> 

<a id="removeAll" style="display:none" class="primaryButton btn btn-small" style="margin-left:10px"> 
    Remove All Plans From Cart 
</a>

的Javascript

$("#selectAll").click(function() 
{ 
    $("#selectAll").hide(); 
    $("#removeAll").show(); 
});

來源

2014-12-04 Tom Morris

引導按鈕最好在自己的元素被使用時，儘量將它們包裝另一個元素，然後由你的代碼隱藏在裏面。

<span id="selectAll" style="margin-left:10px"> 
    <a class="primaryButton btn btn-small"> 
    Add All Plans To Cart 
    </a> 
</span> 

<span id="removeAll" style="margin-left:10px; display:none"> 
    <a class="primaryButton btn btn-small"> 
    Remove All Plans From Cart 
    </a> 
</span>

來源

2014-12-04 08:35:45 Dennis

hide（）'做同樣的事情 – mattytommo 2014-12-04 08:38:12

沒有'display'屬性，你是不是'.css（）'？ – Barmar 2014-12-04 08:41:15

你是對的，我檢查了jquery.hide（）也是這樣，編輯我的答案 – Dennis 2014-12-04 08:49:13

怎麼樣浮動兩個按鈕，如果這不會幫助，你應該公開所有代碼的某個地方，的jsfiddle 例如

#selectAll, #removeAll { 
    float: left; 
}

來源

2014-12-04 08:38:45 webon

有一點不對您的jQuery。您錯過了結尾圓括號）和分號;。所以，你應該的jQuery看起來是這樣的：

的jQuery：

$("#selectAll").click(function() { 
    $("#selectAll").hide(); 
    $("#removeAll").show(); 
});

現在，我在下面撥弄here已經試過，錨被顯示在相同的位置。所以你的css代碼可能有問題。

分享css代碼以獲得詳細的解決方案。

來源

2014-12-04 09:05:14

如何隱藏定位標記並在同一位置顯示另一個定位標記

回答

相關問題