jquery hide /顯示svg圖像

[輸入圖像描述] [1]幫助！我的頁面上有兩個svg圖像按鈕。在頁面加載時，我根據數據庫中的值顯示兩個按鈕之一。我有jQuery來隱藏該按鈕，並顯示另一個按鈕點擊從用戶界面。隱藏後我不能顯示另一個按鈕。jquery hide /顯示svg圖像

這兩個按鈕都屬於單個跨度類別。

來源

2017-10-08 Newbee

請創建[MCVE]，並將其添加這個問題。 –

我做過羅伯特。非常感謝幫助 – Newbee

這既不是最小的，也不是完整的，因此也不可驗證。 –

我想通出。我的後端代碼使用屬性btnXX.Visible = false，將其更改爲顯示：沒有解決我的問題。

如果您在某些情況下不想渲染控件，請設置Visible =「false」。因爲它使控件的HTML出來的頁面，略，但如果你想顯示通過Ajax /等的控制，這是不行的，並顯示：無CSS應使用

來源

2017-10-10 16:59:58 Newbee

visibility屬性不能爲block。您應該改用visible。

查看documentation關於此屬性的更多信息。

編輯
如果，可以幫助...這裏是顯示雙方 hidden和 visible爲 visibility屬性的例子...

// That is executed on load. 
 
$("#btnXX").css("visibility", "visible"); 
 
$("#btnYY").css("visibility", "hidden"); 
 

 
// Handler for the toggle button. 
 
$("#toggle").on("click", function(){ 
 
    $(this).toggleClass("active"); 
 
    if($(this).hasClass("active")){ 
 
    $("#btnXX").css("visibility", "hidden"); 
 
    $("#btnYY").css("visibility", "visible"); 
 
    }else{ 
 
    $("#btnXX").css("visibility", "visible"); 
 
    $("#btnYY").css("visibility", "hidden"); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<button id="btnXX">XX</button><button id="btnYY">YY</button><br> 
 
<br> 
 
<button id="toggle">Toggle it</button>

來源

2017-10-08 17:33:04

感謝您的回覆Louys，但可見的屬性也給了我相同的問題。 – Newbee

我添加了一個例子...希望這會有所幫助。 –

欣賞你花時間寫這個Louys，但在我的情況下，我有兩個按鈕。 btnXX和btnYY。我沒有/需要切換按鈕。在頁面加載時，其中一個按鈕顯示基於DB標誌（正常工作）可以說btnXX顯示。從UI當我點擊btnXX它更新DB中的標誌來顯示btnYY，btnXX應該隱藏並且應該顯示btnYY。所有工作正常（更新數據庫，隱藏如果btnXX）只有不工作的東西顯示btnYY。沒有按鈕顯示在用戶界面上，直到我刷新頁面。刷新拉動右邊的按鈕。再次感謝！ – Newbee

jquery hide /顯示svg圖像

回答

相關問題