jQuery Eingabewert bei div mouseover ändern

Ich versuche, einen Eingabewert mit jQuery Maus über zu ändern.jQuery Eingabewert bei div mouseover ändern

Szenario: Ich habe 5 Div mit verschiedenen Farben und Benutzernamen. Wenn der Mauszeiger über ein Div bewegt wird, ändert sich der Eingabetext (und für die Farbeingabe die Hintergrundfarbe) entsprechend den Datenbankwerten, wenn der Änderungswert div ist, zeigt der Text neue Daten an.

mit PHP echo ich den Teil des Skripts der Mouseover-Funktion zu handhaben

<?php 
    $myId = '1'; 
    $uname = 'user1'; 
    $ucolor = 'FFFFFF'; 
    echo "<script> 
      $('$myId').mouseover(function() { 
       $('#uname').val('" . $uname . "'), 
       $('#ucolor').val('" . $ucolor ."'), 
       $('#ucolor').css('background-color', '" . $ucolor . "') 
      }) 
     </script>";

Diese Arbeit, wenn ich Mouseover() ändern zu schweben(), aber nur das erste Element angezeigt, wenn ich eine Maus tun Über dem zweiten Element ändern sich die Daten nicht.

Quelle

2016-05-12 andreaem

Sie vermissen ein # in Ihrer jquery für die ID – Naruto

'$ ('. $ MyId.') .mo ...' – Mephiztopheles

hinzufügen $ ('# ". $ MyID."') .mo ... scheint zu funktionieren, aber nur für das erste Element wieder – andreaem

Try this:

Setzen Sie Ihr Skript nach Body-Tag:

<body> 
<div class="hh" id="1"></div> 
<input type="text" id="uname" /> 
<input type="text" id="ucolor" /> 

<div class="hh" id="2"></div> 
</body> 
<?php 
    $myId = '1'; 
    $uname = 'user1'; 
    $ucolor = 'FFFFFF'; 
    echo "<script> 
      $('#$myId').mouseover(function() { // add # here 
       $('#uname').val('" . $uname . "'), 
       $('#ucolor').val('" . $ucolor ."'), 
       $('#ucolor').css('background-color', '" . $ucolor . "') 
      }) 
     </script>"; 

$myId = '2'; 
$uname = 'user2'; 
$ucolor = 'FFF555'; 
echo "<script> 
     $('#$myId').mouseover(function() { console.log('fdgfdg') 
      $('#uname').val('" . $uname . "'), 
      $('#ucolor').val('" . $ucolor ."'), 
      $('#ucolor').css('background-color', '" . $ucolor . "') 
     }) 
    </script>"; 


?>

Quelle

2016-05-12 13:34:28

Das Skript ist bereits nach dem body-tag, sorry für nicht angegeben, dies ist ein cutted teil von code – andreaem

hinzufügen # in mouseover ereignis –

ich kann nicht verstehen, das Hinzufügen von # nach (function() {# verursacht uncaught SyntaxError: Unerwartete token ILLEGAL – andreaem

Im Allgemeinen der div oder eine DOM muss einen eindeutigen ID-Wert hat. Verwenden Sie den Klassenselektor (.) Anstelle des ID-Selektors (#).

Quelle

2016-05-12 14:08:10

Klassenselektor nicht ändern das Ergebnis, ich habe nur das erste Element und nicht bei Mouseover ändern – andreaem

Versuchen Sie, den Code innerhalb der $ (Dokument) .ready (function() {/ * Ihr Code * /}); –

jQuery Eingabewert bei div mouseover ändern

Antwort

Verwandte Themen