我希望JS不能在特定页面上工作

时间:2017-10-22 20:19:05

标签: javascript jquery html css

发生了什么:我有随机代码在web-store的页脚上添加标记。

但我不希望这些邮票出现在specific page

请参阅以下代码。

<div id="span4-envios">
  <style>
    .pagamento-selos #span4-envios ul li {
      display: inline-block;
      margin: 0 10px 20px 0;
    }
    
    .pagamento-selos #span4-envios ul li img {
      width: 75px
    }
  </style>
  <span class="titulo cor-primaria">Formas de Envio</span>
  <ul>
    <li><img src="https://cdn.awsli.com.br/218/218665/arquivos/sedex_zpseb35999c.png" alt="SEDEX"></li>
    <li><img src="https://cdn.awsli.com.br/218/218665/arquivos/logo_correios_pac.png" alt="PAC"></li>
    <li><img src="https://cdn.awsli.com.br/548/548936/arquivos/motoboy-logo2.png" alt="MotoBoy"></li>
  </ul>
  <script type="text/javascript">
    $(function() {
      $('#span4-envios').appendTo('.pagamento-selos .conteiner .row-fluid');
    })
  </script>
</div>

我已经尝试使用.empty,但邮票没有出现在任何页面上。

$(function(){
  $('#span4-envios').appendTo ('.pagamento-selos .conteiner .row-fluid');
  $('#span4-envios').empty ('https://loja.bellabeautystudio.com.br/checkout/');
})

1 个答案:

答案 0 :(得分:0)

您的结帐页面似乎在正文carrinho-checkout中使用了一个唯一的类(所有其他页面也都有一个唯一的类)。所以你可以添加这个CSS:

body.carrinho-checkout #span4-envios{
    display:none!important;
}

!important的使用不是强制性的,如果没有,可以省略它。