[ef1]

<div class="uk-position-relative">
  <nav class="uk-navbar-container" uk-navbar="dropbar: false; dropbar-mode: push">
    <div class="uk-navbar-left">
      <ul class="uk-navbar-nav">

<?/*-НАПРАВЛЕНИЕ----------------------------------------------------------------------------------------------*/?>
        <li>
          <div class="uk-navbar-item" id="sort_click_byDir">
            <ul class="uk-link-reset uk-switcher my-sort-list-byDir" title="сортировка по направлению" uk-tooltip>
              <li class><a href="?byDir=asc" uk-icon="icon: chevron-up;"></a></li>
              <li class="uk-active"><a href="?byDir=desc" uk-icon="icon: chevron-down;"></a></li>
            </ul>
          </div>

          <div uk-dropdown="mode: hover; " id="sort_hover_byDir">
            <span>направление</span>
            <hr class="uk-divider-small">
            <ul class="uk-nav uk-dropdown-nav" uk-switcher="connect: .my-sort-list-byDir">
              <li class><a href="">по возрастанию</a></li>
              <li class="uk-active"><a href="">по убыванию</a></li>
            </ul>
          </div>
        </li>

<?/*-КРИТЕРИЙ----------------------------------------------------------------------------------------------*/?>
        <li>
          <div class="uk-navbar-item" id="sort_click_byName">
            <ul class="uk-link-reset uk-switcher my-sort-list-byName" title="сортировка по критерию" uk-tooltip>
              <li class><a href="?byName=date">Дата</a></li>
              <li class="uk-active"><a href="?byName=name">Наименование</a></li>
              <li class><a href="?byName=price">Цена</a></li>
            </ul>
          </div>

          <div uk-dropdown="mode: hover; " id="sort_hover_byName">
            <span>критерий</span>
            <hr class="uk-divider-small">
            <ul class="uk-nav uk-dropdown-nav" uk-switcher="connect: .my-sort-list-byName">
              <li class><a href="">Дата</a></li>
              <li class="uk-active"><a href="">Наименование</a></li>
              <li class><a href="">Цена</a></li>
            </ul>
          </div>
        </li>
<?/*-end----------------------------------------------------------------------------------------------*/?>
      </ul>

    </div>
  </nav>
</div>

<script>
var str_href = {
    sort_byDir:"asc",
    sort_byName: "Наименование"
  }

  $('#sort_hover_byDir').on('beforehide', function () {
    str_href.sort_byDir = this.getElementsByClassName('uk-active')[0].textContent;
    console.log(str_href);
/*
    $.ajax({
      url: 'response.php?byDir='.str_href.sort_byDir.'&byName='str_href.sort_byName,
      success: function(data) {
        $(document.getElementById('sort_click_byDir').getElementsByClassName('uk-active')....html(data);
      }
    });
*/
  });

  $('#sort_hover_byName').on('beforehide', function () {
    str_href.sort_byName = this.getElementsByClassName('uk-active')[0].textContent;
    console.log(str_href);
    /*
        $.ajax({
          url: 'response.php?byDir='.str_href.sort_byDir.'&byName='str_href.sort_byName,
          success: function(data) {
            $(document.getElementById('sort_click_byName').getElementsByClassName('uk-active')....html(data);
          }
        });
    */
  });
	</script>

по идее структуру str_href нужно передать через ajax во внешний php и вернуть общий href="?byDir=asc&byName=Наименование" или можно на этой же странице сделать?

как это правильно записать?
чтобы ответ сразу разложился во все <li class="uk-active"><a href с id="sort_click_byDir" и id="sort_click_byName"