2014年4月29日 星期二

jQuery Mobile 建立ListView清單

ListView清單是將HTML標籤
  • 項目編號 (olli元素)
  • 項目符號 (ulli元素)
  • 轉換成ListView元件,即加上data-role="listview"屬性,即可完成。

建立靜態清單:

單純顯示項目資料!! 


<div data-role="content">
            <ul data-role="listview">
                <li>A</li>
                <li>B</li>
                <li>C</li>
            </ul>
        </div>





互動列清單:

讓清單列可以點擊,只要在項目內加入超鏈結指令即可,轉換成互動列。

<<下載範例>>

    <ul data-role="listview" >
                <li>A<a href="http://www.yahoo.com.tw"> YAHOO</a></li>
                <li>B</li>
                <li>C</li>
     </ul>




在ListView 新增標題列:

在建立清單的標題列的方法如下,可以標示此清單列的標題。
<<範例下載>>

<ul data-role="listview" >

     <li data-role="list-divider">我是標提列 </li>

    <li><a href="http://www.yahoo.com.tw"> YAHOO</a></li>

    <li>B</li>

    <li>C</li>

</ul>



巢狀的ListView 


巢狀清單(Nested Lists)使用界面來建立階層架構的巡覽。




<ul data-role="listview">
       <li>客戶端網頁技術
          <ol data-role="listview">
            <li>HTML5</li>
            <li>CSS3</li> 
            <li>JavaScript</li>
            <li>jQuery</li> 
            <li>jQuery Mobile</li>
          </ol>
       </li>
       <li>伺服端網頁技術
          <ul data-role="listview" data-inset="true">
             <li>ASP.NET Web Pages</li>
             <li>ASP.NET MVC</li>
             <li>Web API</li>
          </ul>
       </li>
    </ul>



互動列的圖示

在建立互動列之後,我們可以修改互動列的圖示。


<ul data-role="listview" data-inset="true"
       data-theme="c" data-dividertheme="b">
       <li data-role="list-divider">主選單</li>
       <li><a href="register.html">報名研討會</a></li>
       <li data-icon="false"><a href="speakers.html">講師陣容</a></li>
       <li data-icon="star"><a href="schedule.html">課程內容</a></li>
       <li data-icon="info"><a href="information.html">聯絡資訊</a></li>
  </ul>



2014年4月27日 星期日

北海岸二日遊(金山老街、獅頭山公園、雙燭台嶼、跳石海岸、金山財神廟、金山肉包、金山鴨肉、金湯溫泉會館)

因老婆生日想送個禮物,發現想送的皮夾已經由岳父、岳母贈送了,苦思禮品卻沒有頭緒,因此不如就利用週末假期拋下小孩,帶她去北海岸玩玩。感謝岳父、岳母的全力支援,暫時照顧我那可愛的兩位小朋友,才能完成甜蜜小夫妻難得而珍貴的兩日遊,真是太感激了。


有人幫我搞定小朋友真是太感激了!!



旅遊路線:

第一天:

陽金公路 -> 金包里老街(中餐) -> 獅頭山公園(內含雙燭台嶼)->跳石海岸 ->金包里老街(晚餐)-> 金湯溫泉會館(過夜)


第二天:

金山包子(早餐)->亞尼克菓子工房(伴手禮)->金山財神廟 -> 金包里老街(午餐)->回家(經陽金公路) 


景點地理位置如下:



這些景點之間的距離都是超近的。



在上仰德大道的路上有空的話,是可以順道下來看看海芋,作為揮軍北海岸的暖身運動,是滿不錯的。



上陽金公路後在路上有家路邊攤,每次經過都會喝碗筍湯,口感清甜料多味美,路過者可以試試。







金山老街


因為是早上出發,因此到達金山時已經是中午用餐時間,原本是要先吃金山鴨肉,但天氣超熱,人爆多。



中午用餐因此想先躲進有冷氣的地方用餐,所以先進去一家叫做朱家卜肉的地方用餐。




在炎熱的天氣下,有冷氣的地方用餐,自然能增加菜色的美味與食慾。

菜單如下:



經詢問下店內招牌為 鯊魚芋香米粉紅燒豬肝 ,因為我們才兩位,就點小份。

鯊魚芋香米粉:

口感清甜,鯊魚肉口感特殊!!軟軟的,滋味豐富有味。 米粉一般,芋頭香甜可口,整體還不錯。(小份基本上就是4人份




紅燒豬肝:

口味較重,豬肝口感軟嫩有彈性,整體來講還不錯。



用餐完畢後,開始逛逛金包里老街,發現裏面有數攤飲料店,門口都坐個人,不斷的搓揉很像湯圓的東西,經詢問下,原來是在製作手工粉圓



看他製作過程如此費工,當然要買杯古早味懷念粉圓,來嚐嚐看!!




但老實說!!咬下去黏黏的!粉圓並不Q彈!!整體來講並不好喝!!這時我想到順丁烯二酸事件,或許這才是正確的味道。有本健康雜誌呼籲,我們應該戒掉Q彈的口感。噗~~


走到老街的尾端,就是間天后宮,台灣各地的老街,大多是當地的信仰中心為核心發展出來的,所以逛老街大多都會逛到一兩間寺廟。金山老街也不例外。


金山慈護宮




主要祭祀為天上聖母,就是媽祖娘娘,談到媽祖娘娘,就要談談他的頭銜。

最後一次由咸豐年間敕封:

護國庇民妙靈昭應宏仁普濟福佑群生誠感咸孚顯神贊順垂慈篤佑安瀾利運澤覃海宇恬波宣惠導流衍慶靖洋錫祉恩周德普衛漕保泰振武綏疆天后之神


這麼偉大,經過當然要誠心給他祭拜一下,保佑波濤洶湧的股海之中,能平安不翻船,既然是海神應該一樣保佑吧。

因時間關係,就繼續前進到預定景點,獅頭山公園


離開前往停車場的路上,在金山老街的入口處,有攤飲料店呷甜甜值得推薦,真的不錯喝。



招牌奶露!! 讚!!口味不甜,非常順口!!有嫩仙草!與超Q彈粉圓,我又想起順丁烯二酸,但美食當前老子也不管了。 這趟旅遊我喝這攤三次!! 可想而知!這杯的威力!!





獅頭山公園


離金山老街往北約5分鐘車程,門口前有大量停車場,來這裡玩是頗方便,燭台雙嶼就在公園的盡頭。




入口處有導覽,看起來從入口走到燭台雙嶼是有一段路。



公園整理的很乾淨,步道很平緩走起來並不費力,在此漫步令人感到神清氣爽。



路途中有經過,小彌勒佛,旁邊有條小路,可以往上進入祠堂,但因為時間關係,就沒上去了。



繼續往前約10分鐘,即到了獅山公園的盡頭,可以鳥瞰水尾魚港,整個視野是滿好的。


再往上攀爬,即到目的地景點,雙燭台嶼。照片看起來很小,其實這兩座蠟燭,現場看其實超大,有位 的網友把蠟燭拍得很好,可以去他網誌上看看。


此區域景色視野很好,真的可以在此停留一段時間,享受其海岸風光。





跳石海岸:


離開獅山公園之後,即驅車前往下個景點,跳石海岸,距離獅山公園也是超近,5~10分鐘車程就到了。

跳石海岸是個喝咖啡聊是非的最佳場所,沿路有非常多家業者,在海岸邊擺攤,銷售商品就是咖啡、奶茶等飲料,旅客可以在此放鬆看海,滿有情調的。




飲料本身是滿普通的,但是不點商品,是不能入座的,只好點個兩杯,一人低消100元~~

嗚嗚~~



跳石海岸最有名的餐廳是!! 洋荳子咖啡廳



因為已經喝過飲料,所以就在外面觀摩觀摩就好,裏面的客人真是不少,幾乎是爆桌!!

每桌客人一坐就是超久,我看桌次也不太會轉了,來此店喝咖啡的要有此心理準備,可能沒

位置,也不知道要等到何時才有座位。



逛完跑了一整天,就決定先回飯店休息一下。


金湯溫泉會館:


外觀一般,內部似乎有重新裝潢過,金山溫泉區的住宿大多老舊,找了不少時間,才找到這家看起來還OK的。 此房價在4月之後價位是有折扣的。


內部看起來頗有情調,適合小情侶、小夫妻的風格。


筆者最喜歡泡湯,此飯店有寬廣的泡湯設備,這點我給個讚!!


下圖為冷池!!




下圖為熱池!!




筆者職業為工程師,有研究精神,因此馬上進行水質分析,發現他冷水不是溫泉水。

因此建議入房後,先開熱水放滿浴缸,在給他自然冷卻,才能泡100%的原湯

左邊為冷水,右邊為熱水。 相機拍不出明顯差異,但現場水的顏色,熱水是很明顯的偏黃!! 聞起來味道也是明顯較重。



純湯的顏色就長這樣,現場看真的是超的。



休息片刻之後,又到了晚餐時間,白天鴨肉人超多,因此決定晚上氣溫較為涼爽時,再去給他品嘗一下,因此又回到金包里老街。

結果!! 他晚上是不營業的~~ 所以網友以後要吃鴨肉記得要白天才吃的到喔~~



但金包里老街,其實餐廳非常多,因此到隔壁的 鮮蚵豆腐之家


晚上來吃剛剛好,不冷不熱。 因為才兩個人,就點了。


  1. 蒜泥鮮蚵
  2. 樹子水蓮
  3. 肉絲炒麵



不得不說!! 這三道真好吃!! 尤其鮮蚵~~ 我愛吃~~!!

這家跟隔壁鴨肉比起來!! 老實講!!個人覺得好吃多了~~

炒麵軟硬適中,老闆熱炒技術一流~~


鮮蚵真的新鮮夠味!!


水蓮清脆爽口!! 一整個順!!



晚上的金山老街,大多商家都打烊了,除了餐廳還在營業外!!  人潮是少很多~~



離開前買條當地名產,黃金蜜地瓜


薯童瑤

主打商品 冰的 黃金蜜地瓜



當然要買條試試!! 吃起來一整個天然!! 就是地瓜的風味!!



晚餐結束後,馬上驅車回飯店休息了。


金山肉包


第二天早上起床,馬上驅車前往金山區有名的金山肉包,排隊人籠不少。

馬上所有口味買個一輪!!口味還不錯!! 包子體積不大,小小的滿精緻的。


包子皮口感一般,吃起來黏黏的,但內陷整體還不錯!!

滷肉包: 這個讚!!



鮮蔥肉包: 這個讚!!



高麗菜包: 這個一般!!



紅豆包:這個一般!!




吃完早餐後,將前往本旅遊的核心,金山財神廟!!希望能發大財!!


金財財神廟:


離金包里老街也是很近,10分鐘車程就到了。

財神廟規模不小,有提供大量的停車場供大家停放。

下圖是未來的發展藍圖,看來這裡的廟公要比信徒先發大財了!!



這裡是財神廟外觀,當天是下雨的天氣,所以視野並不好,據說這裡可以俯瞰台北盆地

下次有機會來驗證一下!!


他的金!!頗貴一份300!! 果然是財神廟!!他先發了!!


這裡比較有意思的是,可以求財寶袋開運金!!

方法如圖所示!!

財寶袋:三次之中擲出一次聖杯!!即可取得,但要投錢捐獻

開運金:三次之中擲出多少次聖杯*100元,上限300元。 還錢時必須還高於300元,才算還願喔。



馬上來試試手氣!!


結果取得財寶袋一個!!


在二樓有文武財神可以祭拜。 武財神旁邊有名片放置處,讓財神爺可以好好認識你。

說明表示可以上網進入金山財神網進行登錄,真的是非常商業化,令人敬佩。


一樓開運金開戶處,有借還的櫃檯,與相關服務人員。






逛完財神廟後,就是進行伴手禮採購!!前進萬里的亞尼克菓子工房


亞尼克菓子工房


外觀看起來滿有氣氛,滿有童話故事的感覺。

經營方式,有伴手禮的販售,隔壁也開間咖啡廳,讓顧客也可現場享用美味的餐點。



老闆養幾隻看門狗,非常可愛!!





店的內部擺滿各式各樣的糕點,要全部享用是不太可能。

因此先選購人氣第一名的德國布丁!!  布丁本身很扎實!! 好吃!!



店內還有超多商品!!無法一一介紹!! 簡單講就是各式各樣的糕點、餅乾等。






買完伴手禮之後,已經中午了,將回到金包里老街,享用本旅遊核心,金山鴨肉!!


金山鴨肉:



金山鴨肉遠近馳名,一條老街包了6間店面,就知道有多受歡迎。

因為肚子不餓,因此就點了兩道,四分之一隻鴨肉筍絲


用餐流程:

他的取菜是採自由拿取,然後自行端去別處的餐桌上進行享用。用餐地點會有計費人員,他會給你收費再給你收據,取得收據後,可以到3號店去開發票



四分之一隻鴨肉:

售價180元,其實是超便宜!! 但...因為期望值太高!!結果吃下去卻有點失望!!

口感一般,口味與一般臺北的鴨肉店差距不大,有肉汁但並不鮮甜。肉質有點柴!!

點鴨肉必須要在另外的分店,才點的到喔。





竹筍:

就是普通的竹筍,吃起來還ok,油油鹹鹹頗順口!!一份120元!!

點餐位置在廟裡面,與鴨肉的點餐處是分開的。



飽餐一頓後,即打道回府,完成兩天一夜的壯遊,頗滿足。


後記:

最令人懷念的餐廳是鮮蚵豆腐之家!!
最令人懷念的飲料是呷甜甜的招牌奶露!!
最令人懷念的景點是獅山公園的燭台雙嶼!!

以上提供給網友參考摟,能看到這裡的網友,實在是不簡單!!

感謝各位的支持!!