Question

我基本上希望访问者能够点击图片并为第X页更改背景，但其余部分则链接到第Y页。

我希望我的WordPress网站说出以下内容：

如果第1页显示代码X if else更改for

HTML

<div class="box1">     
 <ul id="bgbg">
   <li id="bg1"><a href="#"></a> </li>
   <li id="bg2"><a href="#"></a> </li>
   <li id="bg3"><a href="#"></a> </li>

<?php if (is_page ('1')){?> 

<script> 
jQuery(document).ready(function() {     
  jQuery( "#bgbg > li" ).click(function() {      
  jQuery( 'body' ).removeClass('bg1 bg2 bg3');      
  jQuery( 'body' ).addClass(jQuery(this).attr('id')) ;   });});
</script>

<?php } else { ?>

<script> 
 ?!??
</script>

我的尝试：

<script>
jQuery(document).ready(function() {     
jQuery("#bgbg a").attr("href", "http://www.google.com");
});

</script>

非常感谢

Answer 1

这样的东西？

$(document).ready(function() {
  $("#bgbg > li").click(function() {
    var img_url = $(this).find('img').prop('src');
    $('body').css('background-image', 'url(' + img_url + ')');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="box1">
  <ul id="bgbg">
    <li id="bg1">
      <a href="#"><img src="http://www.personalizedbottlesofwater.com/img/customers/bmw.jpg"></a>
    </li>
    <li id="bg2">
      <a href="#"><img src="http://www.autreplanete.com/ap-social-media-image-maker/ressources/img/img_format/youtube_avatar_200x200.png"></a>
    </li>
    <li id="bg3">
      <a href="#"><img src="http://tech21info.com/admin/wp-content/uploads/2013/03/chrome-logo-200x200.png"></a>
    </li>
  </ul>
</div>

点击后更改背景或发送到链接

1 个答案: