jQuery div दिखा और फिर गायब

Question

मैं समय से आगे माफी माँगता हूँ अगर यह एक सरल सवाल है, मैं इस जावास्क्रिप्ट कोड है:

$(document).ready(function() { 
    $("#results").hide(); 

    var html = $.ajax({ url: "ajax.php?db_list=get", async: false}).responseText; 

    $("#submit").click(function() { 
     $("#results").show(); 
    }); 
}); 

मैं एक बटन है कि इस दिखता है:

<fieldset class="action"> 
     <button name="submit" id="submit">Submit</button> 
</fieldset> 

जब मैं सबमिट बटन पर क्लिक करता हूं, मैं परिणाम div को दिखाना चाहता था और वहां रहना चाहता था, लेकिन क्रोम में यह पॉप अप हो जाता है और फिर तुरंत गायब हो जाता है, क्या यह मेरे दस्तावेज़ के शीर्ष पर छुपा() फ़ंक्शन के कारण है?

धन्यवाद!

Answer 1

... क्या यह मेरे दस्तावेज़ के शीर्ष पर छुपा() फ़ंक्शन के कारण है?

शायद। मुझे लगता है कि पृष्ठ ताज़ा है। यदि आप इसे नहीं चाहते हैं, तो हैंडलर में return false; का उपयोग करें।

$("#submit").click(function() { 
    $("#results").show(); 
    return false; 
}); 

या event.preventDefault()।

$("#submit").click(function (event) { 
    $("#results").show(); 
    event.preventDefault(); 
}); 

Answer 2

अपने परिणामों को शुरू में सीएसएस

/* CSS */ 
#results { 
    display: none; 
} 

सुनिश्चित नहीं हैं कि तुम क्यों जिस तरह से आप $ .ajax का उपयोग करना चाहिए चारों ओर कूद रहे हैं के माध्यम से देने के लिए सेट है। यदि यह एक GET अनुरोध है तो $ .get का उपयोग करें ... .live के साथ बाध्य करें क्योंकि यह बेहतर है :)। यह async हो क्योंकि आप नहीं चाहते कि आपके सर्वर में कोई त्रुटि के मामले में फांसी चाहते हैं ...

$(document).ready(function() { 
    $('#submit').live('click', function(){ 
    $.get('ajax.php?db_list=get', function(data){ 
     $('#results').html(data); 
     $('#results').show(); 
     return false; 
    }); 
    }); 
}); 

Answer 3

के बजाय सबमिट करते हैं, इस कोड को

<input id='submitMe' type = 'button' value = 'Submit Me' /> 

अभी सेवा का उपयोग आप की जरूरत नहीं है विवरण झूठा है; या event.preventDefault(); आपके जावास्क्रिप्ट