Problem:
jQuery events .click und .mouseenter funktionieren nicht
In meinem jQuery script funktionieren die jquery event
zuweisung nicht.
|
$("img").click(function () {
alert("Handler for .click()
called.");
});
$("body").on("mouseenter", "img", function () { alert("Handler for .click()
called."); });
|
Lösung:
Manchmal ist die Lösung sehr einfach.
Wenn man mit jQuery und javascript funktionen und events
beschreiben möchte, dann muss die library
– vorher – definiert werden.
Das heißt man muss zuvor script src=".."
setzen
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
//----< events >----
//$("ctlEditor_Text").ready(Text_to_HTML);
$("img").click(function () {
alert("Handler for .click()
called.");
});
..
|
Test script
|
@*------------< script:
Image-Tools >------------*@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
//----< events >----
//$("ctlEditor_Text").ready(Text_to_HTML);
//$("img").click(function () {
//
alert("Handler for .click() called.");
//});
//("#ctlEditor_Text"
$("body").on("mouseenter", "img", function () { alert("Handler for .click()
called."); });
$(document).ready(function () {
$("p").mouseenter(function () {
$("p").css("background-color", "yellow");
});
$("p").mouseleave(function () {
$("p").css("background-color", "lightgray");
});
});
//----</ events >----
//----< functions >----
function image_Tools() {
alert("test");
}
</script>
@*------------</
script: Image-Tools >------------*@
|