Question

即使他们应该在那里，我也会遇到拖拉属性的问题。 lightbox / shadowbox需要这些属性。这是我到目前为止所拥有的。

javascript代码设置为更改视频网址（取决于语言）。我尝试使用已注释掉的代码，但也无法使用。

JAVASCRIPT

 $(document).ready(function() {
   $("#video").on("change", function() {
     $('#video_link').html($(this).val()); // Pulls link from selection
     $("#video_link2").attr("href", ($(this).val())); // Pulls link from selection and inserts into href target

     // $("#video_link2").attr("rel", "lightbox[video]");
     // $("#video_link2").attr("data-ob_iframe", "true");
     // $("#video_link2").attr("data-ob", "lightbox[video]");

   }).change();
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p style="text-align: center;">
  <a id="video_link2" href="" rel="lightbox[video]" data-ob_iframe="true" data-ob="lightbox[video]">
    <img width="100%" src="images/video-thumbnail.jpg" alt="Video Thumnail" />
  </a>
</p>

<select class="text_select" id="video" name="video">
  <option value="http://video.dow.com/viewerportal/external/embed.vp?programId=esc_program%3A44610&contentAssocId=association%3A77258&amp;autoplay=1">English - PacXpert&trade; Packaging Technology</option>
  <option value="http://video.dow.com/viewerportal/external/embed.vp?programId=esc_program%3A44905&contentAssocId=association%3A77800&amp;autoplay=1">Portuguese - Tecnologia PacXpert&trade; para Embalagens</option>
  <option value="http://video.dow.com/viewerportal/external/embed.vp?programId=esc_program%3A45501&contentAssocId=association%3A77826&amp;autoplay=1">Spanish - Tecnología PacXpert&trade; para empaques</option>
</select>

调试代码：

<p><span id="video_link"></span></p>
<p>This video is also available in the following languages: <a href="" id="video_link2">Link</a></p>

Answer 1

尝试使用

$("#video_link2").prop("href", $(this).val());

我希望这能帮到你

Javascript函数正在删除链接中的属性

1 个答案: