Функция Javascript отбрасывает атрибуты в моей ссылке

У меня проблемы с атрибутами, даже если они должны быть там. Атрибуты необходимы для lightbox/shadowbox. Вот что я до сих пор.Функция Javascript отбрасывает атрибуты в моей ссылке

Код javascript для изменения URL-адреса видео (в зависимости от языка.) Я пробовал использовать прокомментированный код, но не работаю.

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>

DEBUG КОД:

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

источник

2014-10-13 Dallas Clymer

Я не уверен, что понимаю, в чем проблема:/Возможно, вам необходимо обновить или повторно инициализировать lightbox/shadowbox после изменения атрибутов. Они, вероятно, кэшируются при инициализации до изменения. – PeterKA

«У меня проблемы с атрибутами ...» что вы имеете в виду? Где вы пытаетесь получить атрибуты? Пожалуйста, уточните свой вопрос! – EvilZebra

Вот [скрипка] (http://jsfiddle.net/ac8y41tk/), и она работает. Если вы задаетесь вопросом, почему 'Link' не имеет ссылки - это потому, что уже есть элемент с идентификатором 'video_link2' на странице (' Regent

Попробуйте использовать

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

я надеюсь, что это был он lped you

источник

2014-10-13 16:33:06

Нет, это будет все равно. – Regent

Функция Javascript отбрасывает атрибуты в моей ссылке

ответ

Смежные вопросы