1. 程式人生 > >WebUploader中,父級div為display:none,點選顯示無效。

WebUploader中,父級div為display:none,點選顯示無效。

在使用WebUploader上傳檔案時,有時候因介面操作要求,要控制其所在div的隱藏或顯示,發現隱藏後,flash模式的按鈕點選事件缺失,點選無效。 解決辦法:

1、在顯示時,先destroy 原有 uploader,再重新建立即可:程式碼如下,
//第一次建立uploder
var uploderObj = WebUploder.create(..........//此處省略


$("#$uploder").show('fast',function(){  顯示事件
uploderObj .destroy();
    uploderObj =  WebUploder.create(.........//再次建立
});

2、元素的隱藏顯示不用display,使用css控制。

{ display: none; /* 不佔據空間,無法點選 */ }
/********************************************************************************/
{ visibility: hidden; /* 佔據空間,無法點選 */ }
/********************************************************************************/
{ position: absolute; top: -999em; /* 不佔據空間,無法點選 */ }
/********************************************************************************/
{ position: relative; top: -999em; /* 佔據空間,無法點選 */ }
/********************************************************************************/
{ position: absolute; visibility: hidden; /* 不佔據空間,無法點選 */ }
/********************************************************************************/
{ height: 0; overflow: hidden; /* 不佔據空間,無法點選 */ }
/********************************************************************************/
{ opacity: 0; filter: Alpha(opacity=0); /* 佔據空間,可以點選 */ }
/********************************************************************************/
{ position: absolute; opacity: 0; filter: Alpha(opacity=0); /* 不佔據空間,可以點選 */ }
/********************************************************************************/
{ zoom: 0.001; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0);/* IE6/IE7/IE9不佔據空間,IE8/FireFox/Chrome/Opera佔據空間。都無法點選 */ }
/********************************************************************************/
{ position: absolute; zoom: 0.001; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0);/* 不佔據空間,無法點選 */ }

相關推薦

WebUploaderdivdisplay:none顯示無效

在使用WebUploader上傳檔案時,有時候因介面操作要求,要控制其所在div的隱藏或顯示,發現隱藏後,flash模式的按鈕點選事件缺失,點選無效。 解決辦法: 1、在顯示時,先destroy 原有 uploader,再重新建立即可:程式碼如下, //第一次建立uplod

overflowscroll時絕對定位的子元素會被隱藏或一起滾動

需求:父級邊框固定,裡面的內容滾動 由於是圖片邊框,於是我把邊框的上下部分單獨切圖,中間重複部分平鋪 想要的效果圖: 一開始的寫法: html: <div class="paradise-wrap"> <div cl

cssdiv設定了透明度也出現透明度的解決方法

由於父級div使用了opacity設定透明度,使子級div也繼承了透明度 我的解決方法是使用rgba,background-color:rgba(245,224,199,0.7),0.7是透明度,由於rgba是css3的屬性,所以必須是支援css3的瀏覽器才能支援rgba

Android RecyclerView (三)初學RecyclerView新增Item監聽

前兩篇文章講述瞭如何基本的使用RecyclerView呈現出自己想要的效果,但是我好奇的是,為什麼RecyclerView沒有.SetOnClick之類的方法呢,RecyclerView不得不承認,它是一款很強大的軟體,僅僅幾行程式碼就可以切換出自己想要的佈局,

容器div內的子元素divfloat時元素無法撐開(或高度自適應)的解決方式以及cssposition和float的介紹

先簡單給出父元素無法高度自適應時的解決方案:       第一種:在父容器上設定 overflow:auto或者hidden可以讓它自動包含子元素,從而具有了實際的height值。       第二種:在子元素的最下面加上一個 空元素,並且設定clear:both,但

table 如何不越過div

col style 默認 all blog logs pre layout 表格 設置table 被限制在外圍div的方法: 設置樣式: table { table-layout: fixed; /*fiexed 列寬由表格寬度和列寬度設定。 默認。列

用C程式設計設定兩個外部中斷(INT0和INT1)按鍵優先順序IP=0x04即把外部中斷1設定高階優先順序外部中斷0低階優先順序使外部中斷1巢狀在外部中斷0

問題 用C程式設計,設定兩個外部中斷(INT0和INT1)按鍵,優先順序IP=0x04,即把外部中斷1設定為高階優先順序,外部中斷0為低階優先順序,使外部中斷1巢狀在外部中斷0中。 要求:中斷觸發方式為下降沿觸發,按鍵有消抖功能 模擬 程式碼 #include <

JS獲取節點的兄弟元素

https://blog.csdn.net/duanshuyong/article/details/7562423   先說一下JS的獲取方法,其要比JQUERY的方法麻煩很多,後面以JQUERY的方法作對比。JS的方法會比JQUERY麻煩很多,主要則是因為FF瀏覽器,FF瀏覽器會把你的換行也當

div高度由子div撐開; 裡層div的高度始終與外層div的高度一樣

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <t

假設二叉樹每個結點的值單個字元 設計一個演算法將一棵以二叉鏈方式儲存的二叉樹 b 轉換成對應的順序儲存結構 a——含具體實現工程

假設二叉樹中每個結點的值為單個字元, 設計一個演算法將一棵以二叉鏈方式儲存的二叉樹 b 轉換成對應的順序儲存結構 a。——李春葆資料結構第五版第七章,P246,第十題 思路解析: 解:設二叉樹的順序儲存結構型別為SqBTree,先將順序儲存結構a中所有元素置為‘#’(表示空結點)。將b轉

Python3多維list壓縮一維相當於Python2 的flatten()

import collections def flatten(lst): for item in lst: if isinstance(item,collections.Iterable)and not isinstance(item,(str,bytes)):

關於導航欄的li標籤不在div下同行顯示

試著寫一個簡單的導航欄,給li標籤設定了浮動,雖然li標籤同行了,但是發現li標籤不在div內(指如果高度不夠長,我div高度是40px),試了好多,原來是忘了清楚浮動,上程式碼!! 我的是HTML5,至於其他的還沒嘗試過 <!DOCTYPE html&g

div高固定 子兩個div上下 上邊div高固定 下邊自適應

<div class= "container"> <div class="left"></div> <div class="right"></div> </div> <style

關於hql部分關聯欄位空時不報錯而直接查不出欄位空的記錄

select b.listNo,b.appGNo,b.trGno,b.complex,b.commName,b.commSpec,b.tradeUnit,b.tradeQty,b.unit,b.qty,b.note, c.listNo,c

AngularJS的http請求預設非同步的請問如何設定同步請求呢?--使用$q

在工作時遇到這樣一個問題,在儲存資料時,需要對儲存的資料進行多次校驗(與後臺互動的校驗),如果校驗成功則執行儲存操作,如果不成功則返回提示。話不多說,直接上程式碼 var checkFun1 = f

JS/JQ獲取節點的同級元素

先說一下JS的獲取方法,其要比jQuery的方法麻煩很多,後面以JQUERY的方法作對比。 JS的方法會比JQUERY麻煩很多,主要則是因為FF瀏覽器,FF瀏覽器會把你的換行也當最DOM元素 <div id="test"> <div></div

div無法被子div撐開解決

只需要在父級div下新增一個<div style="clear:both;"></div>就可以了eg:<div style="height:auto;width:auto;border:dashed;border-color:red">

Linuxmysql修改系統時間北京時間並修改成24h制

遇到這樣一個問題,linux伺服器下mysql的時間一直顯示的是12h制,但是想要的是24小時制,看到別人的建議是修改Linux時間為24h制,並重啟mysql便可。以下是一種便捷有效的修改linux時間格式和時區的方式。1.按照順序執行以下操作:tzselect5 --&g

定義一個int型陣列包含10個元素分別賦值1~10 然後將陣列的元素都向前移一個位置最後一個元素的值是原來第一個元素的值然後輸出這個陣列

public class Homework {public static void main(String[] args) { 定義一個int型陣列,包含10個元素,分別賦值為1~10, 然後將陣列中的元素都向前移一個位置, 最後一個元素的值是原來第一個元素的值,然後輸出這

css實現滑鼠指向div的時候,子div的內容變色

沒有指向之前: 指向之後: 滑鼠移到空白區域即可實現! 程式碼部分: css: 講解下程式碼 大致的思路就是抓取準確的節點: 父級元素(.article-list)進行hover然後接著自己的子級(article-list-title)