Rails: Verwenden von link_to, um einen Link ohne href zu erstellen

Wie kann ich den link_to Helper verwenden, um einen Link ohne ein href Attribut zu erstellen? Ich möchte einen Link ausschließlich für eine Javascript-Aktion erstellen, ich möchte nicht, dass die Seite oder irgendetwas neu geladen wird.Rails: Verwenden von link_to, um einen Link ohne href zu erstellen

Wenn ich den URL-Parameter weglasse, wird durch Klicken auf den Link die Seite neu geladen. Dito für die Bereitstellung nil anstelle der URL.

Quelle

2012-08-22 bevanb

haben Sie versucht, die URL auf "#"? –

Doing "#" lädt die Seite neu. Ich weiß, ich kann die Link-Aktion mit JS überschreiben, aber scheint es sollte eine noch einfachere Lösung mit "link_to" – bevanb

was HTML für Sie generieren? Am Ende des Tages sollte Ihr JS das normale Link-Klick-Verhalten sowieso verhindern. Dies kann ein Nicht-Problem sein. –

Ich benutze diesen Ansatz:

= link_to('Click me', 'javascript:;', :id => :foo)

Sein im Grunde ein Javascript no-op

Quelle

2012-08-22 21:49:34

Das funktioniert. Am Ende haben wir einfach ein 'a'-Tag ohne href erstellt - so werden die Browser die' javascript:; 'Link-Zielvorschau in der unteren linken Ecke nicht anzeigen. – bevanb

Was ist der Unterschied zu 'javascript: void (0)'? – freemanoid

die href Set:

javascript:void(0)

So können Sie einen Link haben, dass durch Klicken es nichts tut, laden nicht die Seite, und die Seite nicht nach oben bewegen.

Quelle

2012-08-22 21:46:12 Solomon

Sie können auch eine

content_tag("a","link text")

verwenden, die Sie

<a>link text</a>

See gibt: rails api

Quelle

2012-08-23 06:41:14 niels

Clever scheint jedoch, dass Links ohne ein href-Attribut nicht bewirken, dass der Cursor zu einem Zeiger wird (er bleibt als Textcursor). –

könnten Sie kein "a" -Tag verwenden? Es interferiert nicht mit Javascript. – dax

das funktioniert ein Leckerbissen (ich benutze Rails 4) – Dudo

Eine Alternative ist

= link_to("My hyperlink", "#")

Dies Ihnen, dass Sie einen Link geben, wenn darauf geklickt, lädt die Seite nicht wie in Null übergeben. Gleichzeitig wird die Maus auf einen Mauszeiger gesetzt, den Sie mit der content_tag-Methode nicht erhalten.

Quelle

2013-09-10 18:45:10

Dies ist an einigen Stellen in Ordnung, aber es wird den Bildschirm an den Anfang Ihrer Seite hüpfen. Hinzufügen des 'javascript :;' wie oben vorgeschlagen wahrscheinlich der bessere Weg in den meisten Fällen zu gehen. – jacklin

Interessant, danke für den Tipp. –

Ein Beispiel für Schienen 5 wäre:

<a class="navbar-brand"><img src="/logo.png" alt="Logo"></a>

Dies ist ähnlich niels 'Antwort, aber mit einer verschachtelten image_tag und einer Klasse:

<%= content_tag("a", image_tag("/logo.png"), class: "navbar-brand") %>

Dies als machen würde .

Quelle: Rails API

Quelle

2016-11-24 01:09:42 tordoch

ich lieber mit einfachem HTML ohne href Attribut überhaupt in solchen Fällen:

<a data-toggle="modal" data-target="#myModal">Open dialog</a>

IMHO ist es besser lesbar als content_tag("a","link text").

Der Nachteil href=# ist, dass der Browser nach oben wenn standardmäßig
javascript:; sieht hässlich

Quelle

2017-01-19 16:31:58

Ich glaube, du bist besser dran mit einem Knopf in Situationen, in denen geklickt scrollt ist nicht href.

<button class='button'>Hello</button>

Quelle

2017-07-26 06:04:37 stephenmurdoch

<%= link_to '+ Add Make', 'javascript:void(0)', id: 'add-make', onclick: 'addMake()' %>

und dann jQuery:

function addMake() { 
    $.ajax({ 
    url: '/dealers', 
    type: 'GET', 
    dataType: 'script', 
    success: function (data) { 
     console.log('it was successful') 
     $('.add-make').hide(); 
    }, 
    error: function (data) { 
     console.log('it was error') 
    } 
    }); 
}

Quelle

2018-02-11 18:20:55 Andrey

Rails: Verwenden von link_to, um einen Link ohne href zu erstellen

Antwort

Verwandte Themen