увеличение jquery для foreach переполнение стека
У меня есть этот foreach:
<?php foreach($news as $key => $new) : ?>
<div class="search-img img-id<?php echo($key); ?>" style="display:none;">
<img alt="<?php echo($new->n_title); ?>" src="<?php echo base_url(); ?>uploads/<?php echo($new->n_image); ?>" />
</div>
<h4><span class="search-name<?php echo($key); ?>"><?php echo($noutate->n_title); ?></span></h4>
<?php endforeach; ?>
И этот скрипт:
<script>
$().ready(function(){
$(".search-name<?php echo($key); ?>").hover(function(){$(".img-id<?php echo($key); ?>").fadeIn(100);},
function(){$(".img-id<?php echo($key); ?>").fadeOut(80);});
});
</script>
И, как я вижу и знаю, jquery не любит php 🙂
Как я должен продолжать иметь эти классы с увеличенными числами? Как search-name0, search-name1, search-name2 …. и т. Д.
Спасибо!
Решение
Вам лучше использовать Jquery $ (Это), и сохраните свой идентификатор в теге rel:
<h4><span class="search-name" rel="<?php echo($key); ?>">
и используйте это так:
<script>
$().ready(function(){
$(".search-name").hover(function(){
var target_id = $(this).attr('rel');
$(".img-id"+target_id).fadeIn(100);},
function(){$(".img-id"+ target_id).fadeOut(80);
});
});
</script>
Таким образом, вы немного отделены от PHP.
Другие решения
Других решений пока нет …