wie Sie auf einblenden /ausblenden, div bei mouseover bei div für die Anzeige keine, im gridview-Element-Vorlage

box div ausgeblendet werden, während pageload, wenn wir schweben auf dem es angezeigt werden soll, onmouseover angezeigt werden soll, und onmouseout sollte es versteckt werden. kann jeder Körper mir empfehlen, wie zu tun in jquery, ich bin Anfänger in Jquery 🙂

Update in diesem Div platziert wird im ItemTemplate des gridview-Steuerelements. wird es gearbeitet ? mit answeered, die Sie den Menschen bieten ?

<div id="box" style="display: none">
   <a href="#" class="bt btleft">Highlight it</a>
   <a href="#" class="bt btright">Reset</a>
</div>
wie würden Sie es definieren als "über", wenn es verborgene, versteckte Elemente haben keinen sichtbaren Bereich vorbei zu sein.
Nicht bewegen Sie den Mauszeiger auf das, was nicht da ist. Benötigen Sie einen anderen auslösen, wenn der div ausgeblendet ist.
nun können Sie, wenn Sie mit visibility-Eigenschaft des CSS statt display:none. Sichtbarkeit hält auf dem Platz. Check mein jsfiddle aus meiner Antwort. Prost!

InformationsquelleAutor Ravi Gadag | 2012-02-21

  1. 6

    sind Sie besser dran mit visible-Eigenschaft in CSS statt display:none, um mit zu beginnen, weil display:none Sortieren zu entfernen, der Raum, der Behälter selbst.

    ausprobieren

    http://jsfiddle.net/sfUHn/7/

    Ihres HTML sollte so Aussehen

    <div id='container'>
 <div id="box" style="visibility: hidden">
 <a href="#" class="bt btleft">Highlight it</a>
 <a href="#" class="bt btright">Reset</a>
 </div>
</div>​

    Du jquery so Aussehen

     $("#container").hover(function () {
$("#container div").css("visibility","visible");
  },
  function () {
    $("#container div").css("visibility","hidden");
  });​

    Hoffe, das hilft

    können Sie überprüfen, aktualisierte Frage, ich habe platziert div im itemtemplate des gridview
    'itemTemplate des gridview" nicht beschreiben die tatsächlichen DOM-Knoten zu Menschen, die nicht verwenden gridview. Dieses Verfahren funktioniert gut, solange Sie ersetzen das container-element für Ihre aktuellen container-element.
    thnks greg war über das schreiben meiner Antwort 🙂 cheers!
    dann, wenn ich den Mauszeiger darüber schweben alle div-gezeigt werden ? angenommen, 100 Zeilen werden da sein, wenn ich schweben Sie auf eine Zeile, wird es zeigen, alle Reihe ?
    Sie müssen dann generelize Ihre Lösung wie diese jsfiddle.net/sfUHn/8

    InformationsquelleAutor Jaspreet Chahal

  2. 1

    ändern Sie den html-ein bisschen wie 

    <div id="hover">hover</div>
<div id="box" style="display: none">
   <a href="#" class="bt btleft">Highlight it</a>
   <a href="#" class="bt btright">Reset</a>
</div>

    jquery Teil

    $("#hover").hover(function(){
  $("#box").slideDown();

},function(){
     $("#box").slideUp(); 
});

    DEMO

    können Sie prüfen, die aktualisierte Frage, eigentlich habe ich platziert div im itemtemplate des gridview
    wo auch immer es platziert wird, müssen Sie definieren, die hover-event-handler, der sichtbar ist, wie in meiner Antwort habe ich befestigte es an der sichtbaren div-ähnlich wie man es befestigen kann-handler, um einige sichtbare element des Rasters

    InformationsquelleAutor JIA

  3. 1

    wickeln Sie es in ein weiteres div und binden Sie ein mouseover-Ereignis auf, dass div

    <div id='parent-wrapper'>
  <div id="box" style="display: none">
     <a href="#" class="bt btleft">Highlight it</a>
     <a href="#" class="bt btright">Reset</a>
  </div>
</div>

$('#parent-wrapper')
 .mouseover( 
   function() {
    $('#box').show();
   } 
 );
    check ich aktualisiert, die Frage habe ich gestellt es in gridview-Spalte itemptemplate
    wenn asp.net nicht verwirrt mit js, dann würde es funktionieren, würde ich dir empfehlen, es selbst zu versuchen.

    InformationsquelleAutor Shaheer

  4. 1

    Dies versuchen, ist die einfachste..

    $("#box").hover(function()
{
  $(this).show();
},
function()
{
  $(this).hide();
});

    InformationsquelleAutor Akhil Thayyil

  5. 0

    Wickeln Sie die div mit anderen div und fügen Sie den code, um diesen gewickelt div:

    $('#wrapper').bind('mouseover hover', function(){

     $('#box').show();

});


$('#wrapper').mouseout(funcion(){

    $('#box').hide();

});
    Wie pro die anderen Antworten, das div ausgeblendet ist. Nicht bewegen Sie den Mauszeiger über Sie. Auch ist das "mouseover-hover" ein guter Weg, um zu binden? Warum nicht einfach die .hover() (kapselt mouseenter und mouseleave) oder zumindest parralel binding-Typen.

    InformationsquelleAutor Kanishka Panamaldeniya

Schreibe einen Kommentar