Assuming `response` is HTML then try this:

    $(response).hide().prependTo(&quot;#be-images ul&quot;).fadeIn(&quot;slow&quot;);

When you do it this way:

    $(&#39;#be-images ul&#39;).prepend(response).fadeIn(&#39;slow&#39;);

the thing you&#39;re actually fading in is the result of the initial selector (the list at the front), which is already visible.



+1 to cletus, but I just wanted to highlight the other way you could do it.

    $(&#39;#be-images ul&#39;).prepend(
        $(response).hide().fadeIn(&#39;slow&#39;)
    );

Try this:
HTML

    &lt;button&gt;Add&lt;/button&gt;
    &lt;div id=&quot;data&quot;&gt;&lt;/div&gt;

Jquery:

    $(&#39;button&#39;).click(function() {
      $(&#39;#data&#39;).prepend(&#39;&lt;div class=&quot;item&quot;&gt;Test&lt;/div&gt;&#39;&quot;&#39;);
    	$(&quot;#data .item:first-child&quot;).hide();
       $(&quot;#data .item:first-child&quot;).fadeIn();
    });

Live Demo: **[jsfiddle][1]**



  [1]: http://jsfiddle.net/yqjfoznr/

I have code:

    public delegate int SomeDelegate(int p);

    public static int Inc(int p) {
        return p + 1;
    }

I can cast `Inc` to `SomeDelegate` or `Func&lt;int, int&gt;`:

    SomeDelegate a = Inc;
    Func&lt;int, int&gt; b = Inc;

but I can&#39;t cast `Inc` to `SomeDelegate` and after that cast to `Func&lt;int, int&gt;` with usual way like this:

    Func&lt;int, int&gt; c = (Func&lt;int, int&gt;)a; // Сompilation error

How I can do it?

Cast delegate to Func in C#

How do I allow line breaking in textarea input in django to later show this input on page?

Django: allow line break from textarea input

I have this code:

    $.ajax({
            url : url,
            data : {ids : JSON.stringify(jsonids), hotel_id: hotel_id},
            success : function(response)
            {
                $(&#39;#be-images ul&#39;).prepend(response).fadeIn(&#39;slow&#39;);
            },
            dataType: &#39;html&#39;
        });

but the fade In does not work...I want the content to be prepended and faded in...how will I do this?

Thanks in advance!

jquery prepend + fadeIn

I have this code:
<pre><code class="hljs language-css">$.ajax({
 url : url,
 data : {ids : JSON.stringify(jsonids), hotel_id: hotel_id},
 success : function(response)
 {
 $('#be-images ul').prepend(response).fadeIn('slow');
 },
 dataType: 'html'
 });
</code></pre>
but the fade In does not work...I want the content to be prepended and faded in...how will I do this?
Thanks in advance!

jQuery has an `.after()` method, and also an `.insertAfter()` method. 

What&#39;s the difference between them?  I think I can use `.after()` to insert elements after a selected element (or elements).  Is that right?  What&#39;s `.insertAfter()` for?

jQuery: What&#39;s the difference between after() and insertAfter()

I’ve got a search field. Right now it searches for every keyup. So if someone types “Windows”, it will make a search with AJAX for every keyup: “W”, “Wi”, “Win”, “Wind”, “Windo”, “Window”, “Windows”.

I want to have a delay, so it only searches when the user stops typing for 200 ms.

There is no option for this in the `keyup` function, and I have tried `setTimeout`, but it didn’t work.

How can I do that?

How to delay the .keyup() handler until the user stops typing?

What the difference between text() and html() functions in jQuery ?

    $(&quot;#div&quot;).html(&#39;&lt;a href=&quot;example.html&quot;&gt;Link&lt;/a&gt;&lt;b&gt;hello&lt;/b&gt;&#39;);

vs

    $(&quot;#div&quot;).text(&#39;&lt;a href=&quot;example.html&quot;&gt;Link&lt;/a&gt;&lt;b&gt;hello&lt;/b&gt;&#39;);

What is the difference between jQuery: text() and html() ?

I have the following jquery code to call a webmethod in an aspx page

    $.ajax({
        type: &quot;POST&quot;,
        url: &quot;popup.aspx/GetJewellerAssets&quot;,
        contentType: &quot;application/json; charset=utf-8&quot;,
        data: &#39;{&quot;jewellerId&quot;:&#39; + filter + &#39;}&#39;,
        dataType: &quot;json&quot;,
        success: AjaxSucceeded,
        error: AjaxFailed
    });

and here is the web method signature

    [WebMethod]
    public static string GetJewellerAssets(int jewellerId)
    {

This works fine.

But now I need to get two parameters passed to the web method

the new web method looks like this

    [WebMethod]
    public static string GetJewellerAssets(int jewellerId, string locale)
    {
    }

How do I change the client code to successfully call this new method signature ?

EDIT:

The following 2 syntaxes worked

    data: &#39;{ &quot;jewellerId&quot;:&#39; + filter + &#39;, &quot;locale&quot;:&quot;en&quot; }&#39;,

and 

    data: JSON.stringify({ jewellerId: filter, locale: locale }),

where filter and locale are local variables

Pass Multiple Parameters to jQuery ajax call

I&#39;m learning jQuery by trying to understand other people&#39;s code.  I ran into this:

    jQuery.fn.myFunc = function(options, callback) {
    
    //stuff
    
      jQuery(this)[settings.event](function(e) {
    	var self = this,
    	$self = jQuery( this ),
    	$body = jQuery( &quot;body&quot; );
         //etc.
      }
    
    //more stuff
    
    }

My understanding is that `$` refers to the jQuery object.  So why put `$` with `$self` and `$body`? And is `self` the same as `$self`?

why put $ with $self and $body? And is self the same as $self

I have a form with name `orderproductForm` and an undefined number of inputs.

I want to do some kind of jQuery.get or ajax or anything like that that would call a page through Ajax, and send along all the inputs of the form `orderproductForm`.

I suppose one way would be to do something like

    jQuery.get(&quot;myurl&quot;,
              {action : document.orderproductForm.action.value,
    	       cartproductid : document.orderproductForm.cartproductid.value,
    	       productid : document.orderproductForm.productid.value,
               ...

However I do not know exactly all the form inputs. Is there a feature, function or something that would just send ALL the form inputs?

jQuery AJAX submit form

I have a registration form and am using `$.ajax` to submit it.

**This is my AJAX request:**

    $(document).ready(function() {
        $(&quot;form#regist&quot;).submit(function() {
            var str = $(&quot;#regist&quot;).serialize();
            $.ajax({
                type: &#39;POST&#39;,
                url: &#39;submit1.php&#39;,
                data: $(&quot;#regist&quot;).serialize(),
                dataType: &#39;json&#39;,
                success: function() {
                    $(&quot;#loading&quot;).append(&quot;&lt;h2&gt;you are here&lt;/h2&gt;&quot;);
                }        
            });
            return false;        
        });
    });

In my *submit1.php* file I check for the existence of fields *email address* and *username* in the database.
I wish to display an error message if those value exist **without a page refresh**.

How can I add this to the *success* callback of my AJAX request?


Ajax success event not working

For some reason, while using AJAX (with my [tag:dashcode] developed application) the browser just stops uploading and returns status codes of `0`. Why does this happen?

Why is AJAX returning HTTP status code 0?

I want to manipulate a JavaScript array in PHP. Is it possible to do something like this?

    $.ajax({
           type: &quot;POST&quot;,
           url: &quot;tourFinderFunctions.php&quot;,
           data: &quot;activitiesArray=&quot;+activities,
           success: function() {
                $(&quot;#lengthQuestion&quot;).fadeOut(&#39;slow&#39;);
           }
        });

Activities is a single dimensional array like:

    var activities = [&#39;Location Zero&#39;, &#39;Location One&#39;, &#39;Location Two&#39;];

The script does not complete when I try this... How can I fix it?


Passing JavaScript array to PHP through jQuery $.ajax

Which is the correct syntax to animate the **box-shadow** property with jQuery?

    $().animate({?:&quot;0 0 5px #666&quot;});

Correct way to animate box-shadow with jQuery

I want to animate a `&lt;div&gt;` from `200px` to `auto` height. I can’t seem to make it work though. Does anyone know how?

Here’s the code:

    $(&quot;div:first&quot;).click(function(){
      $(&quot;#first&quot;).animate({
        height: &quot;auto&quot;
      }, 1000 );
    });

Animate element to auto height with jQuery

I can&#39;t seem to get this working.

    $(&#39;#product_family_options_dd&#39;).animate({
      height: &#39;300px&#39;,
      width: &#39;900px&#39;,
      backgroundPosition: &#39;-20px 0px&#39;,        	
    },

The height and width animate but not the background.

jQuery animate background position

Im tring to animate the scroll to a particular ID on page load. I have done lots of research and came across this:

    $(&quot;html, body&quot;).animate({ scrollTop: $(&#39;#title1&#39;).height() }, 1000);

but this seems to start from the ID and animate to the top of the page?

The HTML (which is half way down the page) is simply:

    &lt;h2 id=&quot;title1&quot;&gt;Title here&lt;/h2&gt;


Animate scroll to ID on page load

I am using jQuery and jQuery-ui and want to animate various attributes on various objects. 

For the sake of explaining the issue here I&#39;ve simplified it to one div that changes from blue to red when the user mouses over it.


I am able to get the behavior I want when using `animate()`, however when doing so the styles I am animating have to be in the animation code and so are separate from my style sheet. (see **example 1**)

An alternative is using `addClass()` and `removeClass()` but I have not been able to re-create the exact behavior that I can get with `animate()`. (see **example 2**)

---

### Example 1
Let&#39;s take a look at the code I have with `animate()`:
    
    $(&#39;#someDiv&#39;)
      .mouseover(function(){
        $(this).stop().animate( {backgroundColor:&#39;blue&#39;}, {duration:500});
      })
      .mouseout(function(){
        $(this).stop().animate( {backgroundColor:&#39;red&#39;}, {duration:500});
      });

it displays all the behaviors I am looking for:

 1. Animates smoothly between red and blue.
 2. No animation &#39;overqueue-ing&#39; when the user moves their mouse quickly in and out of the div.
 3. If the user moves their mouse out/in while the animation is still playing it eases correctly between the current &#39;halfway&#39; state and the new &#39;goal&#39; state.

But since the style changes are defined in `animate()` I have to change the style values there, and can&#39;t just have it point to my stylesheet. This &#39;fragmenting&#39; of where styles are defined is something that really bothers me.

---
### Example 2
Here is my current best attempt using `addClass()` and `removeClass` (note that for the animation to work you need jQuery-ui): 

    //assume classes &#39;red&#39; and &#39;blue&#39; are defined

    $(&#39;#someDiv&#39;)
      .addClass(&#39;blue&#39;)
      .mouseover(function(){
        $(this).stop(true,false).removeAttr(&#39;style&#39;).addClass(&#39;red&#39;, {duration:500});
      })
      .mouseout(function(){
        $(this).stop(true,false).removeAttr(&#39;style&#39;).removeClass(&#39;red&#39;, {duration:500});
      });

This exhibits both property 1. and 2. of my original requirements, however 3 does not work.

I understand the reason for this:

When animating `addClass()` and `removeClass()` jQuery adds a temporary style to the element, and then increments the appropriate values until they reach the values of the provided class, and only then does it actually add/remove the class.

Because of this I have to remove the style attribute, otherwise if the animation is stopped halfway the style attribute would remain and would permanently overwrite any class values, since style attributes in a tag have higher importance than class styles.

However when the animation is halfway done it hasn&#39;t yet added the new class, and so with this solution the color jumps to the previous color when the user moves their mouse before the animation is completed.


---

What I want ideally is to be able to do something like this:

    $(&#39;#someDiv&#39;)
      .mouseover(function(){
        $(this).stop().animate( getClassContent(&#39;blue&#39;), {duration:500});
      })
      .mouseout(function(){
        $(this).stop().animate( getClassContent(&#39;red&#39;), {duration:500});
      });

Where `getClassContent` would just return the contents of the provided class. The key point is that this way I don&#39;t have to keep my style definitions all over the place, but can keep them in classes in my stylesheet.

Content Type	Original Author	Original Content on Stackoverflow
Question	yretuta	View Question on Stackoverflow
Solution 1 - Jquery	cletus	View Answer on Stackoverflow
Solution 2 - Jquery	nickf	View Answer on Stackoverflow
Solution 3 - Jquery	Abhishek	View Answer on Stackoverflow

jquery prepend + fadeIn

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

Solution 2 - Jquery

Solution 3 - Jquery

Django: allow line break from textarea input

Cast delegate to Func in C#

Attributions