Замена HTML с помощью jQuery

Можете ли вы объяснить, почему это не работает? Я получаю синтаксическую ошибку!Замена HTML с помощью jQuery

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>' 
     ); 
    }); 
});

источник

2013-08-14 maxmitch

и ошибка? –

вместо replacewith, вы попробовали $ ('# replace1'). Html(); –

Отсутствует набор}); в конце концов. Плюс, если бы я был вами, я бы ударил; после оператора замены. –

Удалить одиночные кавычки:

tint:#FFFFFF

источник

2013-08-14 11:32:06 Chinmay235

по какой-то причине работает только в том случае, если цвет находится внутри '' ''?! – maxmitch

.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-14 11:27:23 M1K1O

Спасибо! Вы знаете способ перезагрузки страницы с замененным HTML? – maxmitch

Зачем вам нужна перезагрузка? !! в любом случае вы можете сделать это одним из этих трех методов: ... window.location.reload() .... history.go (0) ... window.location.href = window.location.href –

simple 'location .reload() ' – M1K1O

Был недостающий набор}); Я вижу, что вы исправили его, отредактировав вопрос !!

Вот полный ход образец:

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-14 11:38:33

Замена HTML с помощью jQuery

ответ

Смежные вопросы