http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FjQuery%2Ftrigger
JavaScript DHTML/jQuery/trigger - История изменений
2026-04-04T23:52:03Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/jQuery/trigger&diff=3008&oldid=prev
в 10:02, 26 мая 2010
2010-05-26T10:02:45Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 10:02, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=JavaScript_DHTML/jQuery/trigger&diff=3009&oldid=prev
Admin: 1 версия
2010-05-26T07:24:08Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Display a "Hello World!" alert box.==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
$("p").bind("myEvent", function (event, message1, message2) {<br />
alert(message1 + " " + message2);<br />
});<br />
$("p").trigger("myEvent", ["Hello","World!"]);<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==To submit the first form without using the submit() function==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
$("form:first").trigger("submit")<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Trigger a custom event==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
<br />
$("div").bind("myCustomEvent", function(e, myName, myValue){<br />
$(this).text(myName + ", hi there!");<br />
});<br />
$("button").click(function () {<br />
$("div").trigger("myCustomEvent", [ "asdf" ]);<br />
});<br />
<br />
<br />
<br />
});<br />
</script><br />
<style><br />
div { width:50px; height:70px; float:left; margin:5px;<br />
background:rgb(255,140,0); cursor:pointer; }<br />
<br />
</style><br />
</head><br />
<body><br />
<body><br />
<div>asdf</div><br />
<button>bn</button><br />
<br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Trigger Another Event==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("h1").click(function () {<br />
alert("h1");<br />
});<br />
$("button:last").click(function () {<br />
$("h1").trigger("click");<br />
<br />
});<br />
<br />
});<br />
</script><br />
<br />
</head><br />
<body><br />
<body><br />
<div><h1>header 1</h1></div><br />
<button value="asdf">asdf</button><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Triggered By Select Change Event==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
$("select").change(function () {<br />
var str = "";<br />
$("select option:selected").each(function () {<br />
str += $(this).text() + " ";<br />
});<br />
$("div").text(str);<br />
}).trigger("change");<br />
});<br />
</script><br />
</head><br />
<body><br />
<select name="A" multiple="multiple"><br />
<option>A</option><br />
<option selected="selected">B</option><br />
<option>C</option><br />
</select><br />
<div></div><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Triggers the blur event of each matched element==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("input").blur(function () {<br />
$(this).next("span").css("color","red");<br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<p><input type="text" /> <span>blur fire</span></p><br />
<p><input type="password" /> <span>blur fire</span></p><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Trigger Submit Event==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
$("form").submit(function() {<br />
alert("submit");<br />
return false;<br />
});<br />
$("form:first").submit();<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<form action="javascript:alert("success!");"><br />
<div><br />
<input type="text" /><br />
<input type="submit" /><br />
</div><br />
</form><br />
<div></div><br />
<br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==trigger(type , data )==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
<br />
<br />
$("button:first").click(function () {<br />
update($("span:first"));<br />
});<br />
$("button:last").click(function () {<br />
$("button:first").trigger("click");<br />
<br />
update($("span:last"));<br />
});<br />
<br />
function update(j) {<br />
var n = parseInt(j.text(), 0);<br />
j.text(n + 1);<br />
}<br />
<br />
<br />
});<br />
</script><br />
</head><br />
<body><br />
<body><br />
<button>1</button><br />
<button>2</button><br />
<br />
<span>0</span> /<br />
<span>0</span> <br />
<br />
</body><br />
</html><br />
<br />
</source></div>
Admin