javascript - Change li/a tag text on click event of Url.Action -


रायर व्यू में निम्नलिखित HTML है: 

  `& lt; li id ​​=" Myli "& gt; & lt; a href =" @ Url.Action (MyAction, नया {आईडी = ViewBag.Id}) "& gt; टेस्ट & lt; / a & gt; & lt; / li & gt;

मैं इसे किसी भी तरह से बदल नहीं सकता। कुछ प्रकार की "कृपया प्रतीक्षा करें" सूचक को प्रदर्शित करने की आवश्यकता है, जबकि MyAction प्रसंस्करण में है। मैंने कई तरीकों की कोशिश की है, जो कि बहुत सरल से शुरू हो रहा है: $ ('# myli') में "कृपया प्रतीक्षा करें" के लिए लिंक का पाठ बदलें। ईवेंट को क्लिक करें लेकिन पाठ परिवर्तन केवल नियंत्रक कार्रवाई से वापस आने के बाद ही होता है। 

  @section scripts {& lt; script type = "text / javascript" & gt; $ ('# Myli') क्लिक करें (फ़ंक्शन () {event.preventDefault (); $ (this) .text ("कृपया प्रतीक्षा करें"); // केवल नियंत्रक कार्रवाई नींद से वापसी के बाद प्रदर्शित (2000);)}; फ़ंक्शन नींद (मिलीसेकंड्स) {var start = new date ()। GetTime (); के लिए (var i = 0; i & lt; 1e7; i ++) {if ((नई तिथि)। GetTime () - शुरू) & gt; मिलीसेकंड्स {ब्रेक; }}} & Lt; / स्क्रिप्ट & gt; }

एक्शन से पहले लिंक के पाठ को बदलने का कोई तरीका क्या है?
धन्यवाद

यह कोशिश करें ... 

  $ ('# myli')। क्लिक करें (फ़ंक्शन () {event.preventDefault (); // ईवेंट का क्या मतलब है? ???

में बदलें: 

  $ ('# myli')। क्लिक करें (फ़ंक्शन (इवेंट) {event.preventDefault ();   
 अद्यतन करें:  
 आप इस तरह एक पाश क्यों चल रहे हैं, क्या आप केवल सामान्य सेट टाइमआउट का उपयोग नहीं कर सकते?  
  $ (' #myli ')। क्लिक करें (फ़ंक्शन (इवेंट) {event.preventDefault (); $ (this) .text (' कृपया प्रतीक्षा करें ... ') setTimeout (फ़ंक्शन () {चेतावनी (' प्रतीक्षा करने के लिए धन्यवाद! '}} , 5000)});  
 
 jsfiddle में देखें

-

Comments

Post a Comment

Popular posts from this blog

php - Select box validation (in laravel) -

I have a text that includes text input and selection box. I was trying to apply Laravel validation. I now want to retain user input values ​​if the verification does not succeed. I'm able to get it on the input box, but not on the selection box. This is my code {{form :: select ('vehicles_year'), how the first selected value (in the selection box) will show. $ Model year, '-1', ['id' = & gt; 'Vehicles_year'])}} & lt; Span class = "help-block" id = "vehicles_year_error" & gt; @if ($ errors-> ('vehicles_year')) {{$ errors- & gt; First ('vehicles_year')}} @endif & lt; / Span & gt; -1 I am the default value key when I am showing the form load. What I do is that I add the "default" option which is "nothing" Is set to. In the validity rules, I say this value is necessary. If the user does not choose any of the other options, the verification fails. $ op...
Read more

pandas - Iterate on Groupby Object's fields -

I want to be able to iterate over a group object: grouped = Df Groupby ('zzz') question_list = [a, b, c] How do I get a list of values ​​for: grouped .grouped.b grouped.c but using a for-loop? You can either remove such a key print Df Groupby ('zzz'). Groups.keys () To capture the grouped. You can do this ... print df.groupby ('Zzz') group ['A'] or you can open the key, For this type of group key, in df.groupby group ('Zzz'): print key # group key Is a dataframe related to
Read more

javascript - Render HTML after each iteration in loop -

I'm trying to gradually increase the font size of text on a web page. The code works in my place, although the new HTML / CSS does not render after every iteration of the loop and when all this is done, then display only the text of 100 px size. To see the text as if it is slowly zooming, I need to do this JavaScript is down because it is being used from a different file here is what I have ... & lt; P class = "game-title" style = "font-size: 50px" & gt; Test & lt; / P & gt; Function sleep (milliseconds) {var start = new date (). GetTime (); For (var i = 0; i & lt; 1e7; i ++) {if ((new date). GetTime () - start) & gt; Milliseconds {break; CSS ('font-size', 'parseInt ($ (' game-title '). CSS (' font-size ')) + 1 + "pixels"); } While (parasont ($ ('# text'). Css ('font-size')) & lt; = 100) {sleep (1000); IncreaseSize (); Using CSS: Use of jQuery (sample): $ ('...
Read more