Question

我有两个网站www.example-with-prices.com和www.example-without-prices.com。

两个网站基本相同，只是一个没有显示产品的价格，维护这两个网站都很麻烦。

现在我重建这些网站，并希望只有一个网站，并将价格信息放在<div>中，只要您使用www.example-with-price.com显示的内容。
我尝试使用这样的东西，但如果用户使用www.example-without-prices.com访问我的网站，我找不到隐藏的方法

<div id='hideshow' data-value="price1" style="display:none">    
<table>  price table here </table> 
 </div>

<script>
    $('[id^="hideshow"]').on('click', function(event) {
      var dataValue = $(this).attr('data-value');
      dataValue = $('#'+dataValue);
      $(dataValue).toggle('hide');
    });
**  <!-- add something what toggle hide if user enters site via www.example-without-prices.com -->


</script>

Answer 1

默认添加隐藏 - 然后显示是否不是价格主机

<style>#hideshow{display:none}</style>
<div id='hideshow' data-value="price1" style="display:none">    
<table>  price table here </table> 
 </div>

<script>
    $('[id^="hideshow"]').on('click', function(event) {
      var dataValue = $(this).attr('data-value');
      dataValue = $('#'+dataValue);
      $(dataValue).toggle('hide');
    });
**  <!-- add something what toggle hide if user enters site via www.example-without-prices.com -->

if (window.location.hostname !== 'www.example-without-prices.com') {
    $('#hideshow').show();
}

</script>

Answer 2

我可以使用这样的东西：

if(window.location.href == 'www.example-without-prices.com'){
    //your code
}

Answer 3

我在另一篇文章中找到了一个更好的解决方案，我想分享。

<script>
    if(window.location.href == 'www.example-without-prices.com')
        {
            $('#price1').hide();
        } else {
            $('#price1').show();
        }       
</script>



<div id='price1'>  
       <!--- price table>
</div>

不要显示网站的一部分依赖于网址

3 个答案: