معرفی jquery-confirm

یک فریم ورک Js برای نمایش کادرهای پیام می باشد که از RTL پشتیبانی می کند : 

https://craftpip.github.io/jquery-confirm/#rtl

و همچنین دارای تم های مختلف بر پایه Material ، Bootstrap , JQeury می باشد و  در عین سادگی بسیار پرکاربرد می باشد.برای دانلود و دیدن دموها به سایت زیر مراجعه فرمایید:

https://craftpip.github.io/jquery-confirm/

فایل آپلود Jquery

در این پست میخواهم یک Jquery File Upload خوب و ساده ره به شما معرفی و طریقه استفاده از آن را شرح دهم : 

1. ابتدا کد های ذیل را در تگ head صفحه خود قرار دهید : 

<link href="http://hayageek.github.io/jQuery-Upload-File/4.0.10/uploadfile.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://hayageek.github.io/jQuery-Upload-File/4.0.10/jquery.uploadfile.min.js"></script>

2. در تگ body صفحه خود div زیر را اضافه کنید:

<div id="fileuploader">Upload</div>

3.پلاگین مورد نظر را زمانی که document در حالت ready است اجرا می کنیم و برای اینکار قطعه کد ذیل را اضافه می کنیم : 

<script>
$(document).ready(function()
{
	$("#fileuploader").uploadFile({
	url:"YOUR_FILE_UPLOAD_URL",
	fileName:"myfile"
	});
});
</script>

برای کسب اطلاعات بیشتر می توانید به آدرس ذیل مراجعه کنید : 

http://hayageek.com/docs/jquery-upload-file.php#preview

حل مشکل Uncaught TypeError: $ is not a function

در پروژه ای من کد زیر را نوشته بودم

$(window).load(function () {
                // Animate loader off screen
                $(".se-pre-con").fadeOut("slow");;
            });

و با خطای زیر روبرو شدم

Uncaught TypeError: $ is not a function

راه حل این بود،با اضافه کردن قطعه کد زیر $ را به عنوان متغیر JQuery معرفی کردم و کدم کار کرد.

jQuery(function ($) { ...

<script>

        jQuery(function ($) {
            $(window).load(function () {
                // Animate loader off screen
                $(".se-pre-con").fadeOut("slow");;

            });
        });
    </script>