JQuery триггера нажмите событие через ссылку

Question

я на одном сайте в Интернете UL, который использует следующую JQuery для сортировки (скрыть или показать соответствующие продукты)

$('ul#portfolio li').each(function() { 

       if(!$(this).hasClass(filterVal)) { 

        $(this).fadeOut('slow').addClass('hidden'); 

       } else { 

        $(this).fadeIn('slow').removeClass('hidden'); 

       } 

      }); 

Я хочу ссылку на эту страницу с отдельного сайта, но поскольку URL-адрес не затронут, я задавался вопросом, можно ли еще вызвать сортировку по внешней ссылке?

Например, одним из вариантов был шоколад, который я хотел бы связать со страницей и вызвать кнопку фильтра шоколада при загрузке?

Answer 1

Вы хотели бы сделать это в зависимости от запроса в URL:

http://yourhost.org?sort=chocolate 

Для этого вам придется извлечь фильтрацию в локальной функции:

var filterList = function(filterVal) { 
    $('ul#portfolio li').each(function() { 
    if(!$(this).hasClass(filterVal)) { 
     $(this).fadeOut('slow').addClass('hidden'); 
    } else { 
     $(this).fadeIn('slow').removeClass('hidden'); 
    } 
    }); 
}); 

// Now you can use filter list whenever you want: 
filterList('strawberries'); 

// E.g. depending on the query string: 
// First lets parse the search string of the window location 
var arrKeyVal, oQuery = {}, 
    arrQs = window.location.search.substring(1).split('&'); 
for(var i = 0; i < arrQs.length; i++){ 
    arrKeyVal = arrQs[i].split('='); 
    if(arrKeyVal[0] !== '') { 
    oQuery[ arrKeyVal[0] ] = arrKeyVal[1]; 
    } 
} 
// Now filter: 
filterList(oQuery['sort']);