Question

我有一个左<div>（id ='videopane'）和一个包含可点击项目列表的右<div>。

我正在尝试编程：您点击右侧<div>中的一个项目，它会将Quicktime影片加载到左侧<div>。

我正在使用JQuery media plugin生成所有嵌入代码。如果我只是将代码<a class="media" href="anthony-mandler/music-video/Rihanna_Only_Girl_Web.mov"></a>输入左<div>。

，它就可以工作

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

<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;'">

对我做错的任何见解？

Answer 1

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

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

单击时会生成。

<div class="media"> 
    <object codebase="http://www.apple.com/qtactivex/qtplugin.cab" 
        classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"> 
        <param name="src" value="anthony-mandler/music-video/Rihanna_Only_Girl_Web.mov"> 
        <embed src="sample.mov" 
            pluginspage="http://www.apple.com/quicktime/download/"></embed> 
    </object> 
    <div>My Quicktime Movie</div> 
</div>

确保在包含jQuery和插件后添加它。

$('.media').media();

Answer 2

动态生成的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();

使用javascript从链接加载Quicktime到div的问题

2 个答案: