function addPageListeners(){
  $('nav li').on('click', event => {
    $('#hornsGoHere').empty();
    $('[class="tempOptions"]').remove();
    $('li').attr('class', 'not checked');
    let sortStyle = $('input[type="radio"]:checked').val();
    const pageNum = $(event.target).data('page');
    $(event.target).attr('class', 'checked');
    console.log('PAGE LISTENER- page number:' + pageNum + 'sortStyle: ' + sortStyle);
    showPage(pageNum, sortStyle);
  });
}
//Adds listener to page nav, changes images displayed

Adds listener to page nav, changes images displayed
Adds listener to page nav changes images displayed
function addPageListeners(){
  $('nav li').on('click', event => {
    $('#hornsGoHere').empty();
    $('[class="tempOptions"]').remove();
    $('li').attr('class', 'not checked');
    let sortStyle = $('input[type="radio"]:checked').val();
    const pageNum = $(event.target).data('page');
    $(event.target).attr('class', 'checked');
    console.log('PAGE LISTENER- page number:' + pageNum + 'sortStyle: ' + sortStyle);
    showPage(pageNum, sortStyle);
  });
}
function addPageListeners ( ) { $ ( 'nav li' ) . on ( 'click' , event => { $ ( '#hornsGoHere' ) . empty ( ) ; $ ( '[class="tempOptions"]' ) . remove ( ) ; $ ( 'li' ) . attr ( 'class' , 'not checked' ) ; let sortStyle = $ ( 'input[type="radio"]:checked' ) . val ( ) ; const pageNum = $ ( event . target ) . data ( 'page' ) ; $ ( event . target ) . attr ( 'class' , 'checked' ) ; console . log ( 'PAGE LISTENER- page number:' + pageNum + 'sortStyle: ' + sortStyle ) ; showPage ( pageNum , sortStyle ) ; } ) ; }
Adds listener to page nav, changes images displayed
Adds listener to page nav changes images displayed