瀏覽標籤:

JavaScript

[JavaScript] $(window).on(‘resize’, Method) 在 Mobile 結果大不同

前幾天被Android與iOS的瀏覽器坑了,明明一個簡單的resize event卻有不同效果…

  • 程式碼
  • Android
    點擊input後會觸發虛擬鍵盤,當觸發虛擬鍵盤時瀏覽器會觸發Resize Event
  • iOS
    點擊input後會觸發虛擬鍵盤,當觸發虛擬鍵盤時瀏覽器不會觸發Resize Event

想不到吧 !! 我也想不到RRRRR !!!
這鳥問題害我卡了好久QQ

 

       

[JavaScript] 在特定瀏覽器中使用 history.back() 或 history.go(-1) 皆無反應?

今天有個一個需求如下:

點擊連結後回到上一頁,這麼簡單的東西竟然有雷 !!!

首先我們來寫個簡單的範例:

畫面如圖:

 

不管點擊哪種onclick觸發的返回上一頁皆無反應,但有趣的是寫在href裡面的卻都正常

有問題的瀏覽器:

  1. Safari
  2. Safari – WebView (in app)

正常運作的瀏覽器:

  1. Chrome
  2. Chrome (mobile app)
  3. Edge
  4. IE 11

看來Chrome比較聽話 …

       

[C#][ASP.NET MVC5] 使用 jQuery Form Plugin 與 HttpPostedFileBase 檔案上傳

先前提到過 [C#][ASP.NET MVC5] 使用 HttpPostedFileBase 檔案上傳 ,這次我要使用Ajax的方式上傳檔案,但研究了Ajax.BeginForm許久都無法上傳檔案,最後找到使用jQuery Form Plugin來實作此功能。

來源:

  1. ASP.NET MVC – 使用 jQuery Form Plugin 做檔案上傳
  2. ASP.NET MVC – 使用 jQuery Form Plugin 做檔案上傳之加點東西

 

使用NuGet安裝所需套件

  1. 安裝jQuery Form Plugin
    01
  2. 安裝Javascript Alert:toastr
    02

 

View

HTML的部分可以不用更動,無須使用Ajax.BeginForm,只需要在JavaScript的地方使用ajaxForm即可將表單轉換成Ajax模式。

Controller

由於前端使用Ajax所以後台回傳資訊則必須從ActionResult修改成JsonResult,這樣才能強制回傳Json格式,需要注意的一點是在IE底下若無指定contentType的話則會出現問題如下圖,必須指定回傳的contentTypetext/html才能在IE底下正常接收資訊。

03