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

【问题标题】：Javascript function is dropping attributes in my linkJavascript 函数正在我的链接中删除属性
【发布时间】：2014-10-13 16:26:12
【问题描述】：

我在提取属性时遇到问题，即使它们应该存在。灯箱/阴影箱需要这些属性。这是我目前所拥有的。

设置 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>

【问题讨论】：

我不确定我是否理解问题所在：/ 一旦属性更改，您是否可能需要刷新或重新初始化灯箱/阴影箱。它们可能在更改之前初始化时被缓存。
“我在提取属性时遇到问题...”你是什么意思？您在哪里尝试获取属性？请澄清您的问题！
这是fiddle，它可以工作。如果您想知道为什么 <a href="" id="video_link2">Link</a> 没有链接 - 这是因为页面 (<a id="video_link2" href="" rel="lightbox[video]" ...) 上已经有 ID 为 video_link2 的元素。
@Evilzebra 它没有拉，“rel” “ob_iframe” 等...

标签： javascript jquery html lightbox shadowbox

【解决方案1】：

尝试使用

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

希望对你有所帮助

【讨论】：

不，还是一样。