Wie initialisiert man jQuery slide out mit href link?

Ich habe keine Erfahrung in jQuery oder js, aber ich versuche zu lernen, so dass jede Hilfe sehr geschätzt wird. Ich habe eine jQuery-Folie (für den Live-Chat), die ich gerne einmal ausgezogen hätte, sobald ein Link angeklickt wurde. IdealerweiseWie initialisiert man jQuery slide out mit href link?

<a href="whatever necessary">Click Here</a>

Und das wird den Chat rutschen. Der einzige Code im HTML ist die onload

<body onload="initializeLiveHelp();">

Sie können sehen, wie es funktioniert here Link-

Fest

Wenn Sie die jQuery muss ich das auch bekommen kann, aber ich war nicht sicher, ob das war benötigt oder nicht. Danke

Quelle

2017-05-18 Seth C.

Der Link funktioniert nicht, obwohl es besser wäre, hier ein vollständiges Beispiel einzufügen: siehe [MCVE] (http://stackoverflow.com/help/mcve) – empiric

Link ist behoben, versuchen Sie es jetzt –

Probieren Sie es aus, indem Sie die Breite umschalten. So schreiben CSS für den geschlossenen Zustand und die Nutzung dieser jquery Schnipsel um es zu öffnen

Toggle width with jQuery

eine ID zu Ihren Link hinzufügen so

<a href="whatever necessary">Click Here</a>

wird

<a href="whatever necessary" id="mylink">Click Here</a>

Und die jquery etwas so (aber nicht genau). Verweisen Sie den SO-Thread für weitere Informationen und schauen Sie sich die Geige an. Oder post mehr HTML hier und ich kann weiter helfen.

$(document).ready(function(){ 
    $('#mylink').click(function() { 
     var toggleWidth = $("#toggle").width() == 300 ? "200px" : "300px"; 
     $('#toggle').animate({ width: toggleWidth }); 
    }); 
});

Quelle

2017-05-18 20:09:10 garek007

Hallo, die jQuery ist bereits so geschrieben, wenn Sie darauf klicken, öffnet sich. Gibt es eine Möglichkeit, diese jQuery-Funktion gegen das Hinzufügen von neuen auszutauschen? Danke @ garek007 –

können Sie die Jquery posten? – garek007

https://www.netatlantic.com/scripts/jquery-1.4.4.min.js https://www.netatlantic.com/scripts/jquery.transition.min.js –

Auslöser einen Klick, wenn jemand auf einen Link klickt:

$("li a").on("click", function(event) { 
    event.preventDefault(); 
    $(".livehelpslideout a").trigger("click"); 
}

prevent() deaktiviert Standardverhalten, wenn auf einen Link zu klicken, sonst Browser eine andere Seite geladen werden. Ihr gewünschtes Verhalten dafür ist unklar, also müssen Sie über Ihre Logik nachdenken.

Quelle

2017-05-18 20:25:34 yezzz

Wie initialisiert man jQuery slide out mit href link?

Antwort

Verwandte Themen