javascript onclick不能处理P元素

时间:2013-10-18 15:44:20

标签: javascript html onclick

我已经从我的网站中的另一个页面复制代码,该代码会在弹出窗口中启动视频,但由于某些原因,代码不会在新页面上显示视频。

但是,我采用了完全相同的代码(除了我这次不能将其应用于DIV)并将其应用于P元素,但它不会启动视频。

这是我的代码:

    <p onclick="javascript:launchActivity('C191D24F-9B1A-FB59-C4EE7E3257C019F4','video')" style="cursor:pointer;"><img class="top" src="/resource/uploads/left-navs/blue-camera.png" />
                <a href="#">some text</a></p>

我从WORKING代码中获取了它:

    <div onclick="javascript:launchActivity('C191D24F-9B1A-FB59-C4EE7E3257C019F4','video')" style="cursor:pointer;display:inline-block; margin-top:10px;">
        <a href="#"><i>vid text launch<img border="0" src="/resource/uploads/PrebuildSNLO/text_arrow.png" style="padding-left: 3px;" /></a></div>

谢谢你看看。

2 个答案:

答案 0 :(得分:3)

launchActivity函数使用jQuery搜索页面上的元素,该元素不存在。旧页面上有一个带有此ID的元素

C191D24F-9B1A-FB59-C4EE7E3257C019F4

我认为这是视频,因此需要复制到新页面。

<div class="videoPlayer" id="C191D24F-9B1A-FB59-C4EE7E3257C019F4" title="SN1 Common Core" video="http://d1by67ljd45m4v.cloudfront.net/media/C1920522-F3C9-DB50-3F3D3CC1CACC01B7.mov" videoendredirect="">
    <div class="ui-dialog-content ui-widget-content">
        <div style="background-color:white;">
            <strong>Problem loading video..</strong></div>
    </div>
</div>

答案 1 :(得分:2)

我猜你没有从原始页面将其复制到新页面中:

<div videoendredirect="" video="http://d1by67ljd45m4v.cloudfront.net/media/C1920522-F3C9-DB50-3F3D3CC1CACC01B7.mov" id="C191D24F-9B1A-FB59-C4EE7E3257C019F4" class="ui-dialog ui-widget ui-corner-all ui-draggable ui-resizable videoPlayer" style="display: none; width: auto; min-height: 0px; height: 491.267px; visibility: hidden;" scrolltop="0" scrollleft="0" title="SN1 Common Core">
    <div class="ui-dialog-content ui-widget-content">
        <div style="background-color:white;">
            <strong>Problem loading video..</strong></div>
    </div>
</div>

您尝试调用的脚本正在查找ID为C191D24F-9B1A-FB59-C4EE7E3257C019F4的对象。当它找不到它时,就失败了。