JQUERY, CSS, event handlers

Question

I am supposed to use Jquery to call a function that changes a div's visibility using css. This is my JQUERY

    alert("Interactive on line");
    function changeView(page)
        {
              alert("Handler for click() called. ");
              if(page === 'home)
                 {
                    $('#HomeTab'.css(display=='none'));
                 }
        }
    $('#HomeTab').on('click', { page:'home'}, changeView());

I used the alert statement inside the changeView to see if changeView ever gets called and it does not. The initial alert before the changeView function does get called, so the script is linked correctly. Thank you in advance!

I copied Rayon's snippet word for word and pasted it in my folder. It still does not work :/. The outer alert is being called, but it does not even get to the inner alert. — Nithin
– Nithin, Commented Jun 23, 2016 at 4:11

cssyphus · Accepted Answer · 2016-06-23 12:53:17Z

4

Refer .on( events [, selector ] [, data ], handler )

(a) You are invoking/calling function, not assigning it as handler, Remove () after function name.

(b) data object could be accessed using event.data.KEY

(c) Also correct the typo while using .css method, it is jQueryElement.css(PROPERTY,VALUE)

function changeView(e) {
  alert("Handler for click() called. ");
  if (e.data.page === 'home') {
    $('#HomeTab').css('display', 'none');
    //OR $('#HomeTab').hide();
  }
}
$('#HomeTab').on('click', {
  page: 'home'
}, changeView);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div id='HomeTab'>Home Tab</div>

edited Jun 23, 2016 at 12:53

cssyphus

40.4k20 gold badges104 silver badges125 bronze badges

answered Jun 23, 2016 at 3:31

Rayon

36.6k5 gold badges54 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

guradio Over a year ago

i suggest to just add a class with the desired style rather than directly adding css using jquery :)

Rayon Over a year ago

@guradio, It depends on developers preference.. OP has few syntax, in his code..Suggesting something else would not make it good answer. I do not find any harm in using .css method but again, It is developers preference I would have opted for class approach if I had to change many styles than just one..But yes, OP could go with jQelem.hide()

Collectives™ on Stack Overflow

JQUERY, CSS, event handlers

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related