Aufruf Javascript Methode in Hyperlink

In meinem MVC Razor Seite, kann ich unter JavaScript-Methode erfolgreich in den Hyperlink aufrufen:Aufruf Javascript Methode in Hyperlink

<a id="lnkAddAccount" class="btn btn-default btn-sm" data-toggle="modal" 
    onclick='openModal("#div1", "#div2")'>Details 
</a>

Wenn jedoch diesen Hyperlink in Zeichenfolge zu verwenden, ich begegne „Syntax: erwartete Ausdruck , Ende des Skripts "Fehler.

'<a title="Details" class="btn btn-sm btn-outline grey-salsa" 
    onclick=openModal("#div1", "#div2")><i class="fa fa-search"></i></a>'

Wie Sie diese Javascript-Methode von der letzteren Hyperlink aufrufen?

Quelle

2016-09-07 Clint Eastwood

Versuchen Sie zu entkommen: '\ –

Könnten Sie bitte als Antwort posten? Danke ... –

Es ist das 21. Jahrhundert - stoppe deine Markup mit Verhalten und benutze [Unaufdringliches JavaScript] (https://en.wikipedia.org/wiki/Unobtrusive_JavaScript) –

Das erste Problem: Sie haben die Anführungszeichen entfernt, die den Wert von onclick umgeben. Die Anführungszeichen sind in HTML optional (werden aber dringend empfohlen). Wenn der Wert jedoch Leerzeichen wie in Ihrem Fall hat, sind die Anführungszeichen obligatorisch.

Das zweite Problem: Sie haben Anführungszeichen um die Parameter der openModal. Das ist gut, aber wenn Sie die Anführungszeichen hinzufügen, um das erste Problem oben zu lösen, enden Sie mit Anführungszeichen in Anführungszeichen. In diesem Fall müssen Sie die inneren Anführungszeichen mit \ umgehen.

So haben Sie zwei Möglichkeiten:

Lösung 1 (nicht empfohlen): Entfernen Sie den Raum, in dem Wert des onclick so brauchen Sie es nicht mit Anführungszeichen zu umgeben:

'<a title="Details" class="btn btn-sm btn-outline grey-salsa" onclick=openModal("#div1","#div2")><i class="fa fa-search"></i></a>'

Diese Lösung funktioniert, wird jedoch nicht empfohlen, da dringend empfohlen wird, die Werte in Anführungszeichen zu setzen.

Lösung 2: den Wert mit Anführungszeichen und die inneren Anführungszeichen mit \ entkommen:

'<a title="Details" class="btn btn-sm btn-outline grey-salsa" onclick="openModal(\'#div1\', \'#div2\')"><i class="fa fa-search"></i></a>'

Quelle

2016-09-07 19:52:42

Vielen Dank für Ihre ausführlichen Erklärungen Die erste Lösung funktioniert, aber die zweite nicht (immer noch der gleiche Fehler). Wie Sie empfohlen haben, möchte ich 2. Lösung verwenden. Irgendeine Idee, um es zu beheben? –

Ja, sorry, die inneren Zitate müssen einfache Anführungszeichen sein sie von Ihrem Code und vergaß, sie zu ändern. Sie können nicht die gleiche Art von Zitaten in einander haben. Sehen Sie meine aktualisierte Antwort. –

Jetzt funktioniert es wie ein Charme :) –

Sie benötigen Angebote.

'<a title="Details" class="btn btn-sm btn-outline grey-salsa" 
    onclick="openModal(\"#div1\", \"#div2\")"><i class="fa fa-search"></i></a>'

Beachten Sie, dass die inneren Zitate entkommen musste.

Im Großen und Ganzen ist HTML aus Strings nur unordentlich. Abhängig von deinem Tech Stack gibt es normalerweise bessere Möglichkeiten.

Quelle

2016-09-07 19:40:27

Ich habe die Escape-Zeichen genau wie in Ihrem Beispiel, aber immer noch den gleichen Fehler :(Irgendwelche Idee? –

Sie müssen Ihre Frage mit genügend Code aktualisieren wir können die Anweisung zu sehen. –

-1

Versuchen Sie, diese

'<a title="Details" class="btn btn-sm btn-outline grey-salsa" onclick="openModal(\"#div1\", \"#div2\")"><i class="fa fa-search"></i></a>'

mit nicht Zeilenumbruch dazwischen oder auch Verkettung geben Zeilenumbruch

Quelle

2016-09-07 19:59:43 atul

Antwort

Verwandte Themen