使用javascript从链接将Quicktime加载到div时出现问题

我有一个左id='videopane'，右id包含一个可点击的项目列表

我正在尝试这个程序：单击右侧的一个项目，它会将Quicktime电影加载到左侧

我正在使用生成所有嵌入代码。如果我只需将代码输入左边，它就可以工作了

当我尝试将此代码应用于右侧列表中的一个项目时，它不起作用，尽管代码对我来说似乎很好：

<a href="#" onclick="document.getElementById('videopane').innerHTML='&lt;a class=&quot;media&quot; href=&quot;anthony-mandler/music-video/Rihanna_Only_Girl_Web.mov&quot;&gt;&lt;/a&gt;'">

---

了解我做错了什么吗？

您正在使用的jQuery插件正在从链接的href获取电影源代码。所以你会把这个链接起来

<a title="movie title" class="media" href="anthony-mandler/music-video/Rihanna_Only_Girl_Web.mov" />

---

即时生成的html将无法立即工作

确保在添加锚定标记以运行插件功能时：

<a href="#" id='rihana' >Rihana</a>

Javascript

var movie = document.getElementById('rihana');

movie.onclick = function () {
   document.getElementById('videopane').innerHTML= '<a title="movie title" class="media" href="anthony-mandler/music-video/Rihanna_Only_Girl_Web.mov" />'

// then run the plugin function.
$('.media').media();

---

你的插件在页面加载时格式化锚定标签。在那之后你所做的任何改变都不会有任何效果。尝试在clickFound上运行脚本从插件的网站上找到解决方案，尽管我是通过google groups偶然发现的：这只是我使用的插件的标准链接，它只会将电影加载到你放置标签的页面加载位置。从插件的网站上找到解决方案，虽然我是通过google groups偶然发现的：这可能适用于一个电影文件，但我不知道它如何适用于不同电影文件的链接列表。从插件的网站上找到了解决方案，尽管我是通过google groups偶然发现的：

<a href="#" id='rihana' >Rihana</a>

var movie = document.getElementById('rihana');

movie.onclick = function () {
   document.getElementById('videopane').innerHTML= '<a title="movie title" class="media" href="anthony-mandler/music-video/Rihanna_Only_Girl_Web.mov" />'

// then run the plugin function.
$('.media').media();