使div保持點擊jquery asp.net

我想讓一個div出現在點擊然後停留在屏幕上，但不能讓div保持一次點擊？使div保持點擊jquery asp.net

這裏是jQuery的使用：

$(document).ready(function(){    

     $(function() { 
      $("#main").hide(); 
      $("#Button1").on("click", function() { 
       $("#main").toggle(500); 
      }); 

     }); 

    });

和HTML主：

#main{ 
     position:absolute; 
     left:180px; 
     width:75%; 
     height:700px; 
     top:300px; 
     background-color:snow; 
}

來源

2017-02-12 kehoewex86

確保您的button不提交頁面。如果它是一個純HTML按鈕，請在標記中添加屬性type="button"。
另一種選擇是，以防止在單擊事件處理程序的提交：

$("#Button1").on("click", function (e) { 
    e.preventDefault(); 
    $("#main").show(500); 
});

來源

2017-02-12 11:04:10 Sami

謝謝@Sami，這工作完美！ – kehoewex86

您的問題是在這條線：

$("#main").toggle(500);

「切換「jQuery中的函數將使元素的顯示狀態在隱藏和顯示之間切換。單擊時只需顯示元素，請使用「顯示」功能。

$(function() { 
    $("#main").hide(); 
    $("#Button1").on("click", function() { 
     $("#main").show(500); 
    }); 
});

來源

2017-02-12 10:55:16

嗨@Dylan斯塔克，我剛纔想你的建議，這讓我感覺良好，但由於某些原因的div仍然不留屏幕上。我不確定這是否是asp.net的複雜情況，因爲我在NetBeans中使用了類似的代碼，單擊該按鈕後，div仍停留在屏幕上？ – kehoewex86

@ kehoewex86是簡單顯示點擊然後消失的div嗎？任何人提供幫助的唯一真正方法是如果您包含更多信息，或者codepen或jsfiddle。 –

是的，它會短暫顯示然後消失。 – kehoewex86

使div保持點擊jquery asp.net

回答

相關問題