的Javascript

Question

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

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

这是链接

<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

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

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>

在菜单中标记当前货币

2 个答案:

的Javascript

的CSS