擁有動態內容，同時保持舊靜態頁面

我有一個視頻標題列表。每個頁面都帶有相關視頻和一些信息（播放器，說明，討論......）。擁有動態內容，同時保持舊靜態頁面

<div id="video-list"> 
<a href="/Video/title-1">Title 1</a><br /> 
<a href="/Video/title-2">Title 2</a><br /> 
<a href="/Video/title-3">Title 3</a><br /> 
</div>

我想用Javascript/JQuery使事情變得更加動態。屏幕分爲兩部分，左側視頻列表和右側信息。

<a href="javascript: PlayVideo(123);">Title 1</a>

但我仍然想保留沒有JavaScript和搜索引擎抓取工具的人的舊鏈接。

這是有東西像

<a href="/Video/title-1" videoid="123">Title 1</a>

和使用jQuery循環中的所有錨，以獲得視頻ID和更換HREF一個好主意嗎？

（服務器端是asp.net MVC中，JavaScript和靜態側已經工作）

來源

2013-05-15 the_lotus

你可以使用框架集，與每一個瀏覽器。它是一種古老的方法，但會給U U想要的東西因爲它不依賴於JavaScript

<frameset cols="25%,*"> 
    <frame src="frame_a.htm"> 
    <frame src="frame_b.htm"> 
</frameset>

，供您參考frameset

來源

2013-05-15 03:55:04

簡短的回答，您可以使用iframe來實現你想要的。將屏幕拆分爲兩個div，左div存儲鏈接，右div存儲iframe和視頻播放器。

http://jsfiddle.net/2vmYG/ - >完整的CSS

<div id="container"> 
    <div id="videoList"> 
     <a href='http://www.dailymotion.com/video/xzvsp7_joe-jack-the-mogul-mulla_music#.UZMPerUwpuA' target="video">Video 1</a><br/> 
     <a href='http://www.dailymotion.com/video/xzu16h_daft-punk-random-access-memories-unboxed_music#.UZMPRbUwpuA' target="video">Video 2</a><br/> 
    </div> 
    <div id="videoPlayer"> 
     <iframe id='video' src=""></iframe> 
    </div> 
</div>

如果你正在尋找一個完整的AJAX/jQuery的解決方案，您將需要一個球員（的Flowplayer，jwplayer）等

來源

2013-05-15 04:34:11 cherhan

擁有動態內容，同時保持舊靜態頁面

回答

相關問題