Showing posts with label jQuery. Show all posts
Showing posts with label jQuery. Show all posts

A fix to lightbox in blogspot

由於本身的網站在a link 上也用了jquery 作出一些修改(永遠會用新視窗開啓), 所以一路也不知道原來blogspot 自動為圖片加上了lightbox 顯示的功能, 直到最近才發現了, 不過問題就出現當我左試右試都不能成功...

因為本人有用一個backup 的testing site 來試網站的effect, 而那裏根本不用作出什麼修改就可以用上了lightbox 的效果,所以我最後就係嘗試在我為a link 作出jquery 的地方試下去, 最後給我發現了只要我用上了以下的code, lightbox 的效果就不能出來了, 所以最後我只好放棄了用上document.ready, 而把該code 放在了之前來行吧, 這樣lightbox 的效果就能成功了, 不過就是不知道這樣做會不會做成什麼的後遺症呢 =.=


$(document).ready(function(){
  ...
})


又玩到出bug!?!?

well..有時d野真係好神奇....如果唔係因為玩野要自己用jquery 去寫個smiley, 都唔會發現佢個html function 係ie 到行係有bug的.... =.=

不過看來問題只會在某一些patten 下的tag 中出現 @@,


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>testing</title>
<script src="./script/jquery-1.3.2.min.js" type="text/javascript"></script>
<script language="javascript">
$(document).ready(function(){
var content = $("div.test-body").html();

alert(content);
$("div.test-body").html(content);
})
</script>

<style type="text/css">
#hidden {
display:none;
}
</style>
</head>

<body>
<div class='test-body'>
<p>show<span id="hidden">this is a testing</span></p>
<p>show<span id="hidden"><div>this is a DIV</div>this is a testing</span></p>
</div>
</body>
</html>

在上面的html, 寫運行時, 它alert 出來會是如下的


它多了一個p tag 出來....

也由於這個p , ie 唔識render 個css , 冇左隱藏的effect, 所以導致我的post 有一些沒有了繼續閱讀的功能...唉....看來我都係要等佢fix 左個bug 先可以再用番自己寫的那個smiley ...

jquery forum 出左話這個其實係ie 的問題,沒有得fix...真係一個GG, 不過俾我再試試下,發覺佢html(e),其實佢係做左d野的,所以我放棄了用佢個html()來重新放入,改為用innerHTML, 總算好似可以頂住先



jQuery 學習筆記 - 2

jQuery 教學 - 基礎篇

其實這個應該是一才是, 點會先plugin 筆記,後才是基礎, 未學行先學走 :p


jQuery 學習筆記

幾篇不錯的jQuery 教學文章...想自己寫plugin 的可以去睇下, 學下 :)

[jQuery] 自製 jQuery Plugin - Part 1
[jQuery] 自製 jQuery Plugin - Part 2
A Plugin Development Pattern