台灣最大程式設計社群網站
線上人數
1054
 
會員總數:246046
討論主題:189630
歡迎您免費加入會員
討論區列表 >> ASP.NET >> 彈跳視窗 JQuery UI 調整寬度
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
彈跳視窗 JQuery UI 調整寬度
價值 : 50 QP  點閱數:120 回應數:9
樓主

YH
門外漢
0 3
42 7
發送站內信

我想製作彈跳視窗在最一開始的時候出現
選擇不再顯示,則視窗就永不顯示
我是利用 https://jqueryui.com/dialog/#default
但我不管怎麼調整 我都無法調整寬度。
可是f12的狀態,確實是可以調整的 麻煩各位大大了




搜尋相關Tags的文章: [ 彈跳視窗 ] , [ JQuery UI ] ,
本篇文章發表於2020-09-17 11:15
1樓
最有價值解答

topcat
捐贈 VP 給 topcat 檢舉此回應
我測試這樣就可以

本篇文章回覆於2020-09-17 13:26
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

YH
檢舉此回應
超級感謝topcat!!!!
想另外請問 此套件是不是不太能放圖片
試了好幾次都無法成功
本篇文章回覆於2020-09-17 14:19
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

彩虹
檢舉此回應
我可以先回答你:dialog 可以放圖片∼

不太懂你說的“不太能放圖片”的意思
如果真的一直沒成功,可以再發個討論串一起討論唷∼適合的討論區塊如下:
[AJAX / JSON / jQuery]
http://www.blueshop.com.tw/board/FUM20140918113025PVD.html
1.可以說明你試了哪些方式?
2.你能把程式碼貼上來讓我們看看嗎?
3.記得使用程式碼標籤

本篇文章回覆於2020-09-17 14:53
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
此套件是不是不太能放圖片


不清楚您所謂的放圖片,是指在對話框內容,還是標題
標題可能不太行
但是內容應該沒什麼問題

您可以參考以下的範例
https://jsbin.com/mofarax/edit?html,js,output

^.^a

另外,說到套件
其實小喵個人更建議您用Bootstrap的套件
不但是RWD
而請更靈活好用

^.^a
本篇文章回覆於2020-09-17 17:18
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
回應

彩虹
檢舉此回應
To topcat :
「標題」跟「對話框內容」都可以放圖片啦 XDD
而且有很多方式可以做

請參考下面的範例(其中最快的一種):
https://jsfiddle.net/ntLqj6e8/

發文者提到「試了好幾次都無法成功」
1.是想知道究竟有沒有試過
2.又或者是怎麼試的

因此希望他可以把嘗試後的程式碼,貼出來給我們看,好讓我們知道問題在哪裡∼

本篇文章回覆於2020-09-17 17:58
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
作者回應

YH
檢舉此回應
我昨天自己嘗試了一下 我自己本機是沒問題,
但好像一但跟公司的板套在一起就會失效
我在想可能是有套件有影響到,也因為是公司內部程式
不太方便傳上來 不好意思~~~~~~~~~~~~~
本篇文章回覆於2020-09-18 08:52
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
#5
原來要透過jQuery的Append來加~
學習了
感恩~


不過小喵自己還是推薦用BootStrap的Modal來處理,會比較直觀一些些
^_^
本篇文章回覆於2020-09-18 09:45
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
8樓
作者回應

YH
檢舉此回應
想問 Bootstrap 可以像JQuery UI 一樣自動跳出來嗎~?
本篇文章回覆於2020-09-18 11:25
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
9樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
不是很理解您所謂的自動跳出來是指?

以下是中文的說明文件
您可以先看看


https://bootstrap.hexschool.com/docs/4.2/components/modal/

^_^
本篇文章回覆於2020-09-18 17:38
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.