Thanks all. I appreciate all the responses and examples. Really helps out
a lot.
Charlie
On Fri, Dec 4, 2009 at 11:34 AM, seasoup <seas...@gmail.com> wrote:
> Got two more uses for ya. Namespacing of events:
>
> // set two click events with different namespaces
> $('.button').bind('click.namespace1', function () {
>
> }).bind('click.namespace2', function () {
>
> });
>
> //remove just one of them
> $('.button').unbind('click.namespace1', function () {
>
> });
>
> and passing of data:
>
> $('.button').bind('click', {'name': 'value'}, function (e) {
> console.log(e.data.name); // logs value
> });
>
>
>
>
>
> On Dec 4, 10:41 am, Rey Bango <r...@reybango.com> wrote:
> > Yep Karl's explanation was great. Also, you can leverage bind() to work
> > with your own custom events in the case where you want to define
> > something that needs to be triggered based on another action. Using the
> > code from the docs, you can see what I'm talking about:
> >
> > $("p").bind("myCustomEvent", function(e, myName, myValue){
> > $(this).text(myName + ", hi there!");
> > $("span").stop().css("opacity", 1)
> > .text("myName = " + myName)
> > .fadeIn(30).fadeOut(1000);
> > });
> > $("button").click(function () {
> > $("p").trigger("myCustomEvent", [ "John" ]);
> > });
> >
> > Rey...
> >
> > Charlie Griefer wrote:
> > > Hi Karl:
> >
> > > Awesome! Got it :)
> >
> > > Thanks for the explanation and examples.
> >
> > > Charlie
> >
> > > On Fri, Dec 4, 2009 at 9:01 AM, Karl Swedberg <k...@englishrules.com
> > > <mailto:k...@englishrules.com>> wrote:
> >
> > > Hey Charlie,
> >
> > > methods such as .click() and .mouseover() are just convenience
> > > methods. They all use .bind() internally. One nice thing about
> > > .bind() is that you can use multiple event types with it. For
> > > example, instead of doing this:
> >
> > > $('a')
> > > .mouseover(function() {
> > > var $link = $(this);
> > > // do something with $link
> > > })
> > > .mouseout(function() {
> > > var $link = $(this);
> > > // do something with $link
> > > });
> >
> > > You can combine them and avoid some repetition:
> >
> > > $('a')
> > > .bind('mouseover mouseout', function(event) {
> > > var $link = $(this);
> > > if (event.type == 'mouseover') {
> > > // do something with $link on mouseover
> > > } else {
> > > // do something with $link on mouseout
> > > }
> > > });
> >
> > > --Karl
> >
> > > ____________
> > > Karl Swedberg
> > > www.englishrules.com<http://www.englishrules.com>
> > > www.learningjquery.com<http://www.learningjquery.com>
> >
> > > On Dec 4, 2009, at 11:46 AM, Charlie Griefer wrote:
> >
> > >> Hi All:
> >
> > >> I've read over the docs, but don't quite understand what the
> > >> bind() event provides versus just assigning a particular event
> > >> handler to a selected element (or set of elements).
> >
> > >> For example, consider the code below. What's the difference
> > >> between the interaction with the <p> elements of class "first",
> > >> and the <p> elements of class "second"? Isn't the second bit
> > >> effectively binding a click event handler to a specific batch of
> > >> "p" elements just as the first one is?
> >
> > >> Just not grokking it. Would appreciate if anybody could enlighten
> me.
> >
> > >> <script
> > >> src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js
> "></script>
> >
> > >> <script type="text/javascript">
> > >> $(document).ready(function() {
> > >> $('p.first').bind('click', function() {
> > >> alert($(this).text());
> > >> });
> >
> > >> $('p.second').click(function() {
> > >> alert($(this).text());
> > >> });
> > >> });
> > >> </script>
> >
> > >> <p class="first">A</p>
> > >> <p class="first">B</p>
> > >> <p class="first">C</p>
> > >> <p class="first">D</p>
> > >> <p class="first">E</p>
> >
> > >> <hr />
> >
> > >> <p class="second">F</p>
> > >> <p class="second">G</p>
> > >> <p class="second">H</p>
> > >> <p class="second">I</p>
> > >> <p class="second">J</p>
> >
> > >> --
> > >> Charlie Griefer
> > >> http://charlie.griefer.com/
> >
> > >> I have failed as much as I have succeeded. But I love my life. I
> > >> love my wife. And I wish you my kind of success.
> >
> > > --
> > > Charlie Griefer
> > >http://charlie.griefer.com/
> >
> > > I have failed as much as I have succeeded. But I love my life. I love
> my
> > > wife. And I wish you my kind of success.
>
--
Charlie Griefer
http://charlie.griefer.com/
I have failed as much as I have succeeded. But I love my life. I love my
wife. And I wish you my kind of success.
