Jquery, einblenden, ausblenden-Funktion funktioniert nicht

Jquery-finden-Funktion ein-und ausblenden funktioniert nicht, was ist falsch?

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

  <script>
        $('div').hover(function() {
           $(this).find('.delete').show();
        }, function() {
           $(this).find('.delete').hide();
        });
  </script>


<div>
    Blah
    <span class="delete">Delete</span>
</div>
InformationsquelleAutor Rashad | 2013-04-06
  1. 6

    Hinzufügen eines document-ready-Funktion, um Ihr Skript und es funktioniert

      <script>
      $(document).ready(function(){
        $('div').hover(function() {
           $(this).find('.delete').show();
        }, function() {
           $(this).find('.delete').hide();
        });
      });
  </script>

    Erklärung:

    Sind Sie verbindlich Ihre hover-Funktion, um das div vor dem div noch vorhanden ist.

    Mithilfe der document-ready-Funktion, die Bindung der Funktion erfolgt, wenn der div eigentlich

    • Danke, es hat geklappt!
    InformationsquelleAutor Horen
  2. 0

    Verwenden Sie so etwas wie dieses:

    <script>
jQuery(document).ready(function($) {
$('div').hover(function() {
           $(this).find('.delete').show();
        }, function() {
           $(this).find('.delete').hide();
        });
})
</script>
    InformationsquelleAutor Harpreet
  3. 0

    Müssen Sie wickeln Sie Ihre jQuery-code in $(document).ready(function(){}); oder $(function(){}); zu lassen, finden Sie in der ganzen DOM.

     $(document).ready(function(){
     $('div').hover(function() {
         $(this).find('.delete').show();
     }, function() {
         $(this).find('.delete').hide();
     });
 });
    InformationsquelleAutor Eli
  4. 0

    Müssen Sie eine ganze Reihe von anderen Sachen, um eine gültige HTML-Seite und etwas einwickeln der javascript verzögern Ihre Ausführung so lange, bis das Dokument bereit ist, mit interagiert werden ....

    <!DOCTYPE HTML>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function() {
    $('div').hover(function() {
        $(this).find('.delete').show();
    }, function() {
        $(this).find('.delete').hide();
    });
});
</script>
</head>
<body>

<div>
    Blah
    <span class="delete">Delete</span>
</div>

</body>
</html>

    Den DOCTYPE oben ist für HTML5, das ist wahrscheinlich Ihre beste Wette, aber Sie sollten sich bewusst sein, dass andere DOCTYPEs sind verfügbar.

    InformationsquelleAutor Beetroot-Beetroot
  5. 0

    müssen wrap jQuery-code in etwa so:

    $(document).ready(function(){
  ...
});

    Beispiel: http://jsfiddle.net/thinkfast2008/mzx7A/

    genießen 🙂

    InformationsquelleAutor Michael Nguyen
  6. 0

    Versuchen, diese 

        <div>
        Blah
        <span class="delete">Delete</span>
    </div>


<script src="http://code.jquery.com/jquery-1.9.1.js"></script>




 <script>
            $(document).ready(function(){
            $('div').hover(function() {
               $(this).find('.delete').show();
            }, function() {
               $(this).find('.delete').hide();
            });
          });
      </script>
    InformationsquelleAutor Sagar Hirapara
Schreibe einen Kommentar