Jan
8
2010

jQuery Snippets ตอนที่ 1

มาดูวิธีการใช้งาน jQuery กันแบบย่อๆกันบ้างนะครับเปลี่ยนบรรยากาศกันหน่อย ผมว่ามีประโยชน์มากๆเลยครับ เพราะจะได้เรียนรู้วิธีการเขียน jQuery หรือการเรียกใช้ Function บาง Function ที่เราไม่เคยใช้ หรือเอาไว้ศึกษาวิธีอื่นๆในการเขียนที่ชาวต่างชาตินิยมเขียนกันนะครับ

- วิธีการ Refresh src ของ IMG นะครับ

1
2
$(imageobj).attr('src', $(imageobj)
.attr('src') + '?' + Math.random() );

- วิธีการ เช็คว่า Image นั้นโหลดเสร็จแล้ว หรือโหลดไม่ได้

1
2
3
4
5
6
var imgsrc = 'img/image1.png';
$('<img alt="" />').load(function () {
alert('image loaded');
}).error(function () {
alert('error loading image');
}).attr('src', imgsrc);

- วิธีการ ไม่ให้ Click ขวา

1
2
3
4
5
$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});

- วิธีสั่ง Run Function 5 ครั้งทุกๆ 20 วินาที

1
2
3
4
5
6
7
var count = 0;
function myFunction() {
count++;
if(count &gt; 5) clearInterval(timeout);
//do something
}
var timeout = setInterval(myFunction, 20000);

- วิธีเช็คว่า Element ที่เราต้องการตรวจสอบนั้นว่ามีอยู่หรือไม่

1
2
3
if ($("#elementid").length) {
//it does!
}

ที่มา : http://www.tympanus.net

Comments are closed.