Мой сайт обновляется каждый раз, когда я запускаю мой код

Question

$(document).ready(function() { 
    $("#btn").click(function() { 
    $("#form").toggle(); 
    }); 
    $("#submit").click(function() { 
    if ($(".product").checked = true) { 
     alert("Thank You!") 
    } else { 
     alert('Please Choose A Product'); 
    } 
    var name = $("input:text").val(); 
    var nLi = $("<li>").appendTo("ul"); 
    nLi.text(name); 
    }); 
}); 

Everytime Я положил текст на ввод текста, то <li> будет отображаться только на мгновение, но страница будет обновляться, и она исчезнет. Извините, если это очевидно, я все еще участвую.

Answer 1

Не разрешать обновление страницы. Вернуть false в конце.

$(document).ready(function() { 

    $("#btn").click(function() { 
    $("#form").toggle(); 
    }); 
    $("#submit").click(function() { 
     if ($(".product").checked) { 
      alert("Thank You!") 
     } else { 
      alert('Please Choose A Product'); 
     } 
     var name = $("input:text").val(); 

     var nLi = $("<li>").appendTo("ul"); 
     nLi.text(name); 

     return false; 

    }); 
}); 

И измените if ($(".product").checked = true) {

к if ($(".product").checked == true) {

Answer 2

Попробуйте использовать event.preventDefault() в случае щелчка, например:

$("#submit").click(function(e) { 
    e.preventDefault(); 
} 

для получения дополнительной информации о этот метод jquery event.preventDefault()