javascript — кажется, что вызов функции не работает в другой функции JQuery

Кажется, что вызов функции не работает в другой функции JQuery

{amp}lt;option{amp}gt; не реагирует на клики и не генерирует события кликов. Вместо этого используйте $("select").change(...) и ваш код работает. Функция foo вызывается. Тем не менее, data не определены внутри него, поэтому вам нужно передать их при вызове функции.

 $(document).ready(function() { $("select").change(function() { //alert("Value: "   $("#list").val()); var foo = $("#list").val(); if (foo == 1) $.get("https://www.googleapis.com/youtube/v3/videos?id=wlkCQXHEgjA{amp}amp;key=AIzaSyAqMJi5sUllzUPLVe6tbC557Lc_J5CmiFs{amp}amp;part=snippet,contentDetails,statistics,status,topicDetails,player", function(data) { info(foo, data); }); if (foo == 2) $.get("https://www.googleapis.com/youtube/v3/videos?id=_sBBaNYex3E{amp}amp;key=AIzaSyAqMJi5sUllzUPLVe6tbC557Lc_J5CmiFs{amp}amp;part=snippet,contentDetails,statistics,status,topicDetails,player", function(data) { $('#headline').empty().append(data.items[0].snippet.title); $('#content').empty().append(data.items[0].player.embedHtml); $('#description').empty().append(data.items[0].snippet.description); }); if (foo == 3) $.get("https://www.googleapis.com/youtube/v3/videos?id=kHBcVlqpvZ8{amp}amp;key=AIzaSyAqMJi5sUllzUPLVe6tbC557Lc_J5CmiFs{amp}amp;part=snippet,contentDetails,statistics,status,topicDetails,player", function(data) { $('#headline').empty().append(data.items[0].snippet.title); $('#content').empty().append(data.items[0].player.embedHtml); $('#description').empty().append(data.items[0].snippet.description); }); }); }); function info(foo, data) { $('#headline').empty().append(data.items[0].snippet.title); $('#content').empty().append(data.items[0].player.embedHtml); $('#description').empty().append(data.items[0].snippet.description); } 
 {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;select id="list"{amp}gt; {amp}lt;option value="1"{amp}gt;Spot Launch{amp}lt;/option{amp}gt; {amp}lt;option value="2"{amp}gt;More Parkour Atlas{amp}lt;/option{amp}gt; {amp}lt;option value="3"{amp}gt;UpTown Spot{amp}lt;/option{amp}gt; {amp}lt;option value="4"{amp}gt;Handle Robot Reimagined for Logistics{amp}lt;/option{amp}gt; {amp}lt;option value="5"{amp}gt;What's new, Atlas?{amp}lt;/option{amp}gt; {amp}lt;/select{amp}gt; {amp}lt;br{amp}gt;{amp}lt;br{amp}gt; {amp}lt;div id="content"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h1 id="headline"{amp}gt;{amp}lt;/h1{amp}gt; {amp}lt;div id="description"{amp}gt;{amp}lt;/div{amp}gt; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector