[jQuery] Re: Chaining methods

[Jonathan Sharp]

//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);
       }