2013-05-21 27 views
6

मैं अपने jQuery मोबाइल एप्लिकेशन में "चेंज लॉग" जोड़ने की कोशिश कर रहा हूं। किसी त्रुटि के मामले में, उपयोगकर्ता को यह देखने के लिए क्षमता होनी चाहिए कि क्या गलत हुआ। वजह मैं एक पाठ क्षेत्र के साथ एक पॉपअप को क्रियान्वित किया है, (नीचे दिए गए कोड को देखने)jQuery-Textarea के शीर्ष पर स्क्रॉल करें

 <!-- DIALOG Start--> 
     <div data-role="popup" id="popupLog" data-overlay-theme="a" data-theme="b" style="max-width:400px;" class="ui-corner-all"> 
     <div data-role="header" data-theme="b" class="ui-corner-top"> 
     <h1>Logg-Einträge:</h1> 
     </div> 
     <div data-role="none" data-theme="b" class="ui-corner-bottom ui-content"> 
     <textarea style="height: 120px; max-height: 120px" readonly="readonly" data-mini="true" cols="40" rows="8" id="popupTextArea"></textarea> 
     <a href="#" data-role="button" data-inline="true" id="btn_textArea" data-rel="back" data-theme="c">OK</a>  
     </div> 
     </div> 
     <!-- DIALOG End--> 

जब एक विशिष्ट बटन पर क्लिक इस पॉपअप डेटा से भर जाता है, और खोला:

$('#showLog').click(function() { 
    $("#popupDialog").popup("close"); 
    // populate the textArea with the text 
    $("#popupTextArea").text(sessionStorage.getItem("logStack")); 
    // open popUp after a specific time 
    setTimeout(function(){$('#popupLog').popup('open'); 
     }, 1000); 
}); 

सभी कार्यक्षमता ठीक काम कर रहा है यहां तक। समस्या यह है: जब उपयोगकर्ता टेक्स्टरेरा के भीतर स्क्रॉल करता है, तो पॉपअप को बंद कर देता है और इसे फिर से खोलता है, स्क्रोलर की स्थिति अभी भी वही है - उदाहरण के लिए उपयोगकर्ता नीचे तक स्क्रॉल करता है, पॉपअप को बंद करता है और इसे फिर से खोलता है - popUp textarea उम्र के नीचे होगा। लेकिन जब मैं पॉपअप को फिर से खोलता हूं, तो मैं टेक्स्टवेरा के शीर्ष पर सभी जगहों को प्राप्त करना चाहता हूं। इस साकार के लिए, मैं एक "ठीक है" -Button इस पॉपअप के रूप में इस प्रकार है, जो पॉपअप बंद कर देता है में scrollingTop 0 करने के लिए लागू है और निर्धारित किया है:

$('#btn_textArea').click(function() { 
// Setting position of the textArea to "0" -> But doesn't work..... 
    $('#popupTextArea').scrollTop(0); 
    ); 
}); 

मैं इस बिंदु पर struggeling रहा हूँ, क्योंकि की उपस्थिति टेक्स्ट एरिया अभी भी वही है। क्या मुझे रीफ्रेश या कुछ चाहिए? मैं .... हर मदद के लिए बहुत आभारी होंगे

उत्तर

1

आप "popupbeforeposition" घटना पाठ क्षेत्र के scrollTop संपत्ति में हेरफेर करने के इस्तेमाल कर सकते हैं:

$(document).ready(function(){ 

    $("#exampleWindow").on("popupbeforeposition", function(evt, ui){ 

     $(this).find("textarea").scrollTop(0); 

    }); 

}); 

यहाँ आप एक उदाहरण के साथ एक jsfiddle है: http://jsfiddle.net/elchininet/eBp7S/

संबंधित मुद्दे