6 Stimmen

Wie kann ich meinem QTIP selbst entscheiden lassen, ob er das Attribut "Links" oder "Rechts" verwendet?

$('a.tooltip').each(function(){

    $(this).qtip({
        content: { url: 'includes/qtip.php?'+$(this).attr('rel')+' #'+$(this).attr('div'), text:'loading...'  },
        show: { delay: 400},
        hide: { fixed: true, delay: 200 },
        position: {
            corner: {
                target: 'bottomLeft',
                tooltip: 'right'
            }
         },
         style: {
             name: 'light',
             width: 700
         }
    });
});

Was ich liebe, wenn das .tooltip-Element auf dem rechten Panel meiner Website ist, aber wenn nicht, kann ich es nicht vollständig sehen,

Wie kann ich tooltip:'right' machen, wenn es an anderer Stelle ist? Ich meine, wie kann ich es wissen?

0 Stimmen

Wäre es genauso effizient, wenn ich

auswähle?

0 Stimmen

Was hast du bearbeitet? Tags?

0 Stimmen

Entschuldigung? Ich weiß nicht, wovon du redest. Wenn ich auf Bearbeiten klicke, kann ich nur bearbeiten - keine zusätzlichen Optionen für mich.

9voto

Aleksei Egorov Punkte 791

Die Lösung in meinem ähnlichen Fall war:

position : {
    adjust : {
        screen : true
    }
}

Sie können weitere Informationen in diesem Thread finden: Wie vermeide ich das Scrollen der Seite bei Verwendung von qtip?

1voto

Toni Michel Caubet Punkte 18112

Ich denke, es könnte das erste Mal sein, dass ich meine eigene Frage beantworte,

dies funktioniert,

$('#panel_derecho a.tooltip').each(function(){

  $(this).qtip({
     content: { url: 'includes/qtip.php?'+$(this).attr('rel')+' #'+$(this).attr('div'), text:'loading...'  },

     show: { delay: 400},
     hide: { fixed: true, delay: 200 },

     position: {
     corner: {
        target: 'topLeft',
        tooltip: 'middleRight'
                }
                },
     style: {
       name: 'light',
       width: 700

       }

   });

});

$('#router a.tooltip').each(function(){

  $(this).qtip({
     content: { url: 'includes/qtip.php?'+$(this).attr('rel')+' #'+$(this).attr('div'), text:'loading...'  },

     show: { delay: 400},
     hide: { fixed: true, delay: 200 },

     position: {
     corner: {
        target: 'topLeft',
        tooltip: 'left'
                }
                },
     style: {
       name: 'light',
       width: 700

       }

   });

});

kann ich es optimieren?

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X