अच्छा जी, तो मैं वास्तव में पृष्ठ को रीफ्रेश किए बिना 1 बटन के केवल 1 क्लिक के साथ 2 divs रीफ्रेश करना चाहता हूं।
मैंने निम्नलिखित कोशिश की है
HTML:
<div id="main">
<a>
<div id="dialogue" class="dialogue">
<b class="dialogue">Click to continue</b>
</div>
</a>
</div>
jQuery:
<script>
$(document).ready(function() { /// Wait till page is loaded
$("#dialogue").click(function(){
$("#main").load("dialogue.php?test&count=<?php echo $count ?>", function() {
/// can add another function here
});
});
$(".dialogue").click(function(){
$("#head").load("dialogue.php?head", function() {
/// can add another function here
});
});
});
</script>
एचटीएमएल में यह: <div id="dialogue" class="dialogue">
2 डिव रिफ्रेश को सक्रिय करने की आवश्यकता है, मैंने ऐसा इसलिए किया ताकि मैं दो चीजों को जोड़ सकूं। निम्नलिखित स्क्रिप्ट बस खराब हो जाती हैं और दो बार के बजाय केवल एक बार ही ताज़ा हो सकती हैं, कृपया मदद करें।
उत्तर:
जवाब के लिए 3 № 1आप सिंगल क्लिक इवेंट के अंदर कई फ़ंक्शन कॉल कर सकते हैं, जैसे:
<script>
$(document).ready(function() {
// click event
$("#dialogue").click(function(){
// refresh first element
$("#main").load("dialogue.php?test&count=<?php echo $count ?>", function() {
// callback
});
// refresh second element
$("#head").load("dialogue.php?head", function() {
// callback
});
});
});
</script>
जबसे #dialogue का बच्चा है #main, और आप " . की सामग्री को बदल रहे हैं #main क्लिक करने पर, #dialogue एक बार क्लिक करने पर बटन गायब हो जाएगा।
एक छोटी सी टिप्पणी: आपका HTML अमान्य है। आपके पास नहीं हो सकता <div> तत्व (जो ब्लॉक-स्तर है) an . के अंदर <a> (जो इनलाइन है)। इसके बजाय इस मार्कअप को आजमाएं:
<div id="main">
<a id="dialogue" class="button-dialogue">
<strong>Click to continue</strong>
</a>
</div>
</ S>
ऐसा लगता है कि HTML5 अनुमति देता है <a> तत्वों को अब बहुत सी अन्य चीजें लपेटने के लिए। करने के लिए धन्यवाद गणित सुधार के लिए।
जवाब के लिए 2 № 2
होने के बजाय:
$("#dialogue").click(function(){
आप इसका उपयोग कर सकते हैं:
$("#main").on("click", ".dialog", function(){
तो क्लिक का श्रोता माता-पिता से जुड़ा हुआ है, और इसके अंदर जोड़े गए नए ".dialog" तत्वों पर काम करेगा।