Question

我的oscommerce商店中有这个代码，我想使用jQuery而不是javascript - 我该怎么做？我的问题是这段代码与现有的jquery代码冲突，所以我认为如果javascript是jquery代码，那么这个代码可能会起作用。

要做的是将物品添加到购物车时，会出现一个弹出窗口，告诉顾客物品在购物车中 - 在每个页面刷新时，它会将物品添加到购物车而不是仅仅添加项目时。

    <div id="cart_overlay" onclick="document.getElementById('cart').style.display='none';     document.getElementById('cart_overlay').style.display='none'; return false;">
    </div>
    <div id="cart">
    <?php
    if (tep_session_is_registered('new_products_id_in_cart')) {
    ?>
    <!-- html code here -->

    <ul class="cartList">
    <?php
     // code here
    ?>
    </ul>
    <hr>
    <ul class="cartList">
      <li class="cartButton"><?php echo '<a href="javascript:void(0);"     onclick="document.getElementById(\'cart\').style.display=\'none\';     document.getElementById(\'cart_overlay\').style.display=\'none\'; return false;"><span     class="btn">' . IMAGE_BUTTON_CONTINUE . '</span></a></li><li><a href="'      . tep_href_link(FILENAME_SHOPPING_CART, '', 'SSL') . '">' .      HEADER_TITLE_CART_CONTENTS . ($cart->count_contents() > 0 ? ' (' . $cart->count_contents()     . ')' : '') . tep_href_link(FILENAME_SHOPPING_CART) .     '</a></li><li><a href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '"><spanclass="btn">' . HEADER_TITLE_CHECKOUT . '</span></a>'; ?></li>
</ul>
<script type="text/javascript">
var item=document.getElementById("cart");
function pop(el){
    if(el.style.display=="block"){
        el.style.display="none";
        }else{
            el.style.display="block";
            }
    }
pop(item);
</script>
<script type="text/javascript">
var item=document.getElementById("cart_overlay");
function overlay(el){
    if(el.style.display=="block"){
        el.style.display="none";
        }else{
            el.style.display="block";
            }
    }
overlay(item);
</script>


<?php
tep_session_unregister('new_products_id_in_cart');
}
?>
</div>
<!-- eof Cart on Product Page //-->

Answer 1

获取你使用的元素$（'selector'）

$('#yourid')

这对于ids类和元素都是一样的

请参阅：http://www.w3schools.com/jquery/jquery_ref_selectors.asp

Answer 2

嘿你可以将下面给出的javascript代码写成Jquery，就像这样

 Javascript code :    var item=document.getElementById("cart_overlay"); 

 JQuery Code:         $('#cart_overlay')

您可以在此处找到更多选择器Link

Answer 3

正如Barmar所说，切换到jQuery不会帮助你...... 如果你仍然想这样做（出于学习原因），这里有一个jQueryfied版本的javascript ...

<script type="text/javascript">
  var cart = $('#cart'),
      bg = $('#cart_overlay');

  function toggle_element(el){
    if( $(el).css('display') == 'block' ){
      $(el).css('display', 'none');
    }else{
      $(el).css('display', 'block');
    }
  }
  toggle_element(cart);
  toggle_element(bg);
</script>

如何使用jquery通过id而不是javascript获取元素

3 个答案: