लोडिंग एलेमेंट आईडी में अजाक्स। बेजिनफॉर्म लोडिंग छवि प्रदर्शित नहीं कर रहा है

Question

मेरे पास एक एमवीसी 3 ऐप है, और मुझे AJAX लोडिंग छवि जोड़ने की आवश्यकता है।

<div id="div_loading" style="display:none;"> 
    <img src="@Url.Content("~/Content/Images/loading.gif")" alt="" /> 
</div> 

जब मैं अपने सबमिट बटन प्रपत्र वापस पोस्ट करने के लिए क्लिक करें, loading.gif कभी नहीं दिखाई देता है: मैं मेरे विचार

@using (Ajax.BeginForm(
     "LogOn","Account", 
     new AjaxOptions { LoadingElementId = "div_loading" })) 

यह मेरा एक ही दृश्य पर बहुत ही सरल div है पर इस डाल दिया। मेरा कोड ठीक चलाता है, लेकिन कोई लोडिंग सूचक दिखाई नहीं देता है। और छवि सही ढंग से और सही जगह पर नामित है। क्या किसी के पास कोई सुराग है?

अद्यतन जाहिर है, इसका टेलीरिक अनुप्रयोगों के साथ कुछ करना है। अगर मैं एक नियमित एमवीसी 3 ऐप बनाता हूं, तो यह काम करता है। जब मैं एक टेलीरिक एमवीसी 3 ऐप बनाता हूं, तो यह काम नहीं करता है। क्या किसी और ने टेलीरिक के साथ इसका सामना किया है?

Answer 1

मैं अपने द्वारा किए गए प्रत्येक AJAX कॉल में लोडिंग Iamge को जोड़ने से दूर शर्मना पसंद करता हूं।

Display spinner while waiting For ajax

यह कार्यक्षमता आप की जरूरत है:

शीर्ष जवाब यहाँ एक ajax स्पिनर (चित्र लोड) जब भी ajax एक भेजें कॉल करता है प्रदर्शित करने के लिए एक समाधान है। छवि के प्रदर्शन को AJAX कॉल में संलग्न करने के लिए बस जावास्क्रिप्ट का उपयोग करें। क्या करता है ajax भेजें पर div प्रदर्शित है और अपने पृष्ठ पर सभी कॉल के लिए ajax स्टॉप या त्रुटि होने पर यह खाल

<script type="text/javascript"> 
     $(document).ready(function() { 
      BindSpinner(); 
     }); 

     function BindSpinner() { 
      $("#div_loading").bind("ajaxSend", function() { 
       $(this).show(); 
      }).bind("ajaxStop", function() { 
       $(this).hide(); 
      }).bind("ajaxError", function() { 
       $(this).hide(); 
      }); 
     }; 
    </script> 

:

ऐसा लगता है कि कुछ किया जाना चाहिए। यदि आप इस स्क्रिप्ट और div को अपने _layout में रखते हैं तो यह आपकी साइट पर प्रत्येक अजाक्स कॉल के लिए ऐसा करेगा।

Answer 2

आप इसके बजाय इसे आजमा सकते हैं। मैं इतना here

<div id="div_loading" style="visibility:hidden;"> 
    <img src="@Url.Content("~/Content/Images/loading.gif")" alt="" /> 
</div> 

Answer 3

सवाल आप से और साथ यह कोशिश कर सकते से समझ में आ गया: मैं एक ही मुद्दा था here

function AjaxBegin() 
{ 
    $('#div_loading').show(); 

} 
function AjaxComplete() 
{ 
    $("#div_loading").hide(); 
} 
function AjaxFailure(ajaxContext) 
{ 
    var response = ajaxContext.responseText; 
    alert("Error Code [" + ajaxContext.ErrorCode + "] " + response); 
} 


AjaxOptions: 

OnFailure = "AjaxFailure"; 
OnBegin = "AjaxBegin"; 
OnComplete = "AjaxComplete"; 

Answer 4

और यह तत्व का नाम बदलने होने के लिए हल करने में सक्षम था छिपा/दिखाया गया है। मैंने ऊंट-केस प्रारूप का उपयोग किया: "myDivToBeHidden"

तत्व को "प्रदर्शन" संपत्ति को "none" पर सेट करने की आवश्यकता है।