So rufen Sie jquery Plugin-Funktion mit `onlick Attribut` in HTML

So wie wir reguläre JavaScript-Funktionen von onclick Attribut aufrufen, warum können wir jQuery-Methoden nicht wie im folgenden Code angezeigt. Warum funktioniert das nicht?So rufen Sie jquery Plugin-Funktion mit `onlick Attribut` in HTML

<body> 
<script src="https://code.jquery.com/jquery-2.0.3.js"></script> 
    <p id="p1">Some Text inside paragraph</p> 
    <button type="button" onclick="$.test();">Click Me</button> 
</body>

$.fn.extend({ 
    test: function() { 
    var t = $('#p1').text(); 
    alert(t); 
    }); 
    }, 
});

dank bt

Quelle

2016-11-07 b Tech

Warum würden Sie so etwas tun zu beginnen? Beenden Sie die Verwendung von Inline-JavaScript und stattdessen einen geeigneten Event-Handler. – adeneo

und FYI, Sie haben keine '$ .test();' Methode, Sie haben eine '$ (Element) .test()' Methode! – adeneo

Sie mischen Ihre Erweiterungen gegen Plugins. Sie * können * tun es auf diese Weise, indem Sie 'onlick = '$ (this) .test();' –

Halten Sie die Ausgabe onclick= der Verwendung beiseite, können Sie es auf diese Weise tun:

<p id="p1">Some Text inside paragraph</p> 
<button type="button" onclick="$(this).test();">Click Me</button>

und

$.fn.extend({ 
    test: function() { 
    var t = $(this).text(); // use $(this) here 
    alert(t); 
    }, 
});

Beispiel Geige: https://jsfiddle.net/asw8824h/

Quelle

2016-11-07 11:21:35

$(document).ready(function() { 
    $(document).on('click',"#target",function() {   
     // do something 
    }); 
});

Quelle

2016-11-07 11:17:04 felix91

So rufen Sie jquery Plugin-Funktion mit `onlick Attribut` in HTML

Antwort

Verwandte Themen