почему я не могу выбрать элемент в jquery и изменить содержание

Question

почему я не могу выбрать элемент в jquery и изменить содержание

0

Я не могу выбрать элемент и изменить содержимое внутри него, вот мой html

<div class="like_user_wrapper"  id="<?php echo $post_id.'like_user_wrapper' ;?> ">
hello, world
</div>

<span class="post_bottom_bar">
<img  class="thumb_icon" onmouseover="

var post_id=<?php echo $post_id ?>; 
$.ajax({
url:'ajax_like_user.php',
method:'post',
data:{post_id:post_id},
success:function(data){

$('<?php echo '#'.$post_id.'like_user_wrapper' ?>' ).html('hello');

}

})
" >

Я не могу поменять его на привет, когда моя моя мышь над значком

Kesong Tse 17 фев. 2014, в 20:22

Источник

2

Не используйте встроенные события! Привязать событие правильно в JavaScript. $('.thumb_icon').mouseover(function(){})
Rocket Hazmat 17 фев. 2014, в 19:16

Теги:

php

javascript

jquery

html

3 ответа

0

Я думаю, что вам нужно сделать что-то вроде этого:

HTML:

<div class="like_user_wrapper"  id="<?php echo $post_id.'like_user_wrapper';?>">
hello, world
</div>

<span class="post_bottom_bar">
<img  class="thumb_icon" id="<?php echo $post_id;?>" >
</span>

Javascript:

$(document).ready(function(){

    $('.thumb_icon').mouseover(function(){
        var post_id = $(this).attr("id"); 

        $.ajax({
        url:'ajax_like_user.php',
        method:'post',
        data:{post_id:post_id},
        success:function(data){

        $('#' + post_id + 'like_user_wrapper').html('hello');

        }

        });

    });

});

Alessandro Gomes 17 фев. 2014, в 18:00

0

вы можете сделать это:

<img  class="thumb_icon"  />
<script>
      $(".thumb_icon").mouseover(function(){
        var post_id=<?php echo $post_id ?>; 
        $.ajax({
        url:'ajax_like_user.php',
        method:'post',
        data:{post_id:post_id},
        success:function(data){
        $('<?php echo '#'.$post_id.'like_user_wrapper' ?>' ).html('hello');

        }           

        })                  
      })
    </script>

или

 <img  class="thumb_icon" onmouseover="mouseoverImg();" />
<script>
      function mouseoverImg(){
        var post_id=<?php echo $post_id ?>; 
        $.ajax({
        url:'ajax_like_user.php',
        method:'post',
        data:{post_id:post_id},
        success:function(data){
        $('<?php echo '#'.$post_id.'like_user_wrapper' ?>' ).html('hello');

        }           

        })                  
      }
    </script>

Paulo Lima 17 фев. 2014, в 16:23

Ещё вопросы

Не используйте встроенные события! Привязать событие правильно в JavaScript. $('.thumb_icon').mouseover(function(){})

Matthew Wilcoxson · Accepted Answer · 2014-02-17T16-21-00.000Z

У вас есть дополнительное пространство в части id = "". Измените его на:

id="<?php echo $post_id.'like_user_wrapper' ;?>">

Обратите внимание на пробел после удаления ;?>.

Боже мой, я даже не знал, что это повлияло бы на выбор. Но все равно спасибо!