在菜单中标记当前货币

Question

我使用 Wordpress、WooCommerce 和 WooCommerce 货币切换器。我没有使用正常的（丑陋的）下拉菜单，而是在顶部栏中创建了 links 来更改货币。这是代码：

jQuery(function () {
    jQuery('.woocs_curr_link').click(function () {
       window.location.href = location.protocol + '//' + location.host + 
       location.pathname + '?currency=' + jQuery(this).data('curr');
    });
 });

这里是 link

<a href="#" data-curr="EUR" class="woocs_curr_link">EUR</a>

这很好用，但菜单中没有标出当前货币。可以通过以下代码获取：

global $WOOCS;
echo $WOOCS->storage->get_val('woocs_current_currency');

如何扩展我的代码以在顶部栏菜单中标出当前货币？

谢谢！

Answer 1

您可以根据给定的代码选择菜单

Javascript

//document ready
jQuery(function () {
       var currentElement ='<?php echo $_REQUEST['currency']; ?>'; // get current currency
       jQuery( 'a[ data-curr=' + currentElement + ']' ).addClass( 'selected_menu' ); // add css class for current currancy.
     });

Css

   .selected_menu{text-decoration: underline; color: red;}

Answer 2

我是这样解决的，直接在帮助链接中获取当前设置的货币，然后添加一个class来标记正确的。

global $WOOCS;
$curcur = $WOOCS->storage->get_val('woocs_current_currency');
?>

<ul class="nav-menu nav-curentcy">
  <li <?php if ($curcur == 'EUR') echo " class=\"cur_cur\""; ?>>
    <a href="#" data-curr="EUR" class="woocs_curr_link">EUR</a>
  </li>
  <li <?php if ($curcur == 'USD') echo " class=\"cur_cur\""; ?>>
    <a href="#" data-curr="USD" class="woocs_curr_link">USD</a>
  </li>
  <li <?php if ($curcur == 'SEK') echo " class=\"cur_cur\""; ?>>
    <a href="#" data-curr="SEK" class="woocs_curr_link">SEK</a>
  </li>
</ul>