поэтому я пытаюсь заменить div, когда размер окна небольшой с некоторым новым кодом внутри div. Я пытаюсь сделать это, используя JQuery и replaceWith().
вот код, который мне нужен для перевода с помощью символов excape... это невозможно сделать с php?
$('#container').replaceWith('<?php foreach ($images as $image) { ?><img class=\"photo-img next\" src=\"images/<?php echo $image[\'name\']; ?>\" data-cycle-hash=\"<?php echo $image[\'name\']; ?>\" data-cycle-desc=\"<?php echo $image[\'desc\']; ?>">
<?php } ?>');
На самом деле ваши требования звучат как отзывчивые вещи. Если бы я был вами, я бы поставил PHP-код непосредственно в html файл, например
<div id="yourInitialDiv">
<!--Main content goes here-->
</div>
<div id="yourDivToReplace">
<?php foreach ($images as $image) { ?>
<img class="photo-img next" src="images/<?php echo $image[\'name\']; ?>" data-cycle-hash="<?php echo $image[\'name\']; ?>" data-cycle-desc="<?php echo $image[\'desc\']; ?>" >
<?php } //end foreach ?>
</div>
"YourInitialDiv" - это контент, который у вас есть, а "yourDivToReplace" - это контент, который у вас ниже определенного разрешения. Следующий шаг - изменить их через css:
@media all and (max-width: 699px) {
#yourInitialDiv { display:none; }
#yourDivToReplace { display:block; }
}
Вам просто нужно заменить это 699px
разрешением, которое вы хотите.
PHP - серверная. Javascript - клиентская сторона. Если вы попытаетесь вставить PHP-код с javascript, он никогда не будет работать, потому что, когда вызывается javascript, php завершил свою работу там. Вы можете использовать ajax вместо этого, является обходным путем для общения javascript с php.
Здесь у вас есть ссылка. http://www.w3schools.com/ajax/ajax_examples.asp