0

Can you explain why this is not working? I am getting a syntax error!

HTML : 

<a id="Navy">Navy</a>
<div id="replace1">
   <a href="Photos of T shirts/SITBRBV1_big.png"  id="zoom01" class="cloud-zoom">
     <img id="maneP" src="Photos of T shirts/SITBRBV1.png" alt="" align="top"/>
   </a>
</div>

jQuery : 

$(function () {
    $('#Navy').click(function () {
        $('#replace1').html(
            '<a href="Photos of T shirts/SITBRNV1_big.png" id="zoom01" class="maneA cloud-zoom" rel="adjustX:20, adjustY:-3, tint:'#FFFFFF ', softFocus:1, smoothMove:5, tintOpacity:0.8"><img id="maneP" src="Photos of T shirts/SITBRNV1.png" alt="" align="top"/></a>'
        );
    });
});
4

3 回答 3

1

删除单引号：

tint:'#FFFFFF '

至

tint:#FFFFFF
于 2013-08-14T11:32:06.663 回答
1

.empty()元素和.append()新数据。

 <script>
    $(function() {
         $('#Navy').click(function(){
             $('#replace1').empty().append('<a href="Photos of T shirts/SITBRNV1_big.png" id="zoom01" class="maneA cloud-zoom" rel="adjustX:20, adjustY:-3, tint:\'#FFFFFF \', softFocus:1, smoothMove:5, tintOpacity:0.8"><img id="maneP" src="Photos of T shirts/SITBRNV1.png" alt="" align="top"/></a>');
             location.reload(); // reload page
         });
    });
 </script>
于 2013-08-14T11:27:23.857 回答
0

缺少一组 }); 我看到您通过编辑问题修复了它！

这是一个完整的运行示例：

HTML：

<a id="Navy">Navy -- Click Me </a>

<div id="replace1">
    <a href="Photos of T shirts/SITBRBV1_big.png" id="zoom01" class="cloud-zoom"><img id="maneP" src="http://www.v3.co.uk/IMG/106/255106/google-logo--370x229.jpg?1365426001" alt="" align="top"/>
    </a>
</div>

Javascript：

$(function() {
     $('#Navy').click(
         function(){
             $('#replace1').replaceWith('<a href="Photos of T shirts/SITBRNV1_big.png" id="zoom02" class="cloud-zoom"><img id="maneP" src="http://www.madcapsoftware.com/images/casestudy/MicrosoftLogo.jpg" alt="" align="top"/> </a>')
         }
     );
});

在此链接中尝试：http: //jsfiddle.net/xEPEd/

于 2013-08-14T11:38:33.883 回答