[jQuery] Re: Chaining methods

[Ariel Jakobovits]

Jonathan, are you sure he shouldn't just use:

jQuery.fn.toggleText = function (evalText1, evalText2){

      $(this).html(($(this).text() == evalText1)?evalText2:evalText1);

        return this;
}

----- Original Message ----
From: Jonathan Sharp <[EMAIL PROTECTED]>
To: jquery-en@googlegroups.com
Sent: Wednesday, May 2, 2007 11:51:25 AM
Subject: [jQuery] Re: Chaining methods

 //plugin
       jQuery.fn.toggleText = function (evalText1, evalText2){
                       $(this).html(($(this).text() == 
evalText1)?evalText2:evalText1);
       }
 

jQuery.fn.toggleText = function(txt1, txt2) {

       return this.each(function() {

           $(this).html( $(this).text() == txt1 ? txt2 : txt1 );
       });
}

 

Cheers,

-js



 

On 5/2/07, Buzzterrier <[EMAIL PROTECTED]> wrote:

I made a plugin called toggleText. I want to chain this to a jquery
object and toggle the text. I also want to add a click event to the

jquery object. If I just use the toggleText plugin, it works. But if I
also add the click handler, I get the following error:

Error: $("#toggleError").toggleText("Show Error", "Hide Error") has no

properties

Using just the toggleText handler or the click handler by themselves
works. Any ideas?

Here is the code snippet.

  //This one works w/0 the click handler
       function showError(request, statusText){

               $("#failure").html(request.responseText);

               //this works
               $("#toggleError").toggleText("Show Error", "Hide Error")
       }


  //this one fails.
       function showError(request, statusText){
               $("#failure").html(request.responseText);

               //this does  not (added click event to the chain)

               $("#toggleError").toggleText("Show Error", "Hide
Error").click( function(){
                       $("#failure").show();
                       }
               )

       }

       //plugin
       jQuery.fn.toggleText = function (evalText1, evalText2){
                       $(this).html(($(this).text() == 
evalText1)?evalText2:evalText1);
       }