更改後臺發送鏈接

Question

我基本上要爲訪問者能夠點擊的圖片和背景更改頁X但其餘鏈接到網頁Y.

我想我的WordPress網站下面要說的：

如果第1個顯示，代碼X的if else改變爲

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>