Вывести значение переменной в скрипт jplayer?

Question

[Hakhagmon]

Есть 2 скрипта, первый ajax запросом генерирует треклист, во втором - jplayer, есть функция в которой идет этот плейлист

jQuery(document).ready(function($) {
                    new jPlayerPlaylist( {
                            jPlayer: "#jquery_jplayer",
                            cssSelectorAncestor: "#jp_container" },
 [{  title : "Busted Chump", 
mp3:"/uploads/2013/06/adg3com_bustedchump.mp3", 
artist : "Adg3com" , 
itunes : "#" , 
amazon : "#" , 
poster : "/wp-content/uploads/2013/06/card04.jpg"  } ]
,  {swfPath: "http://hakhagmon.ru/assets/js/src",

тот что в квадратных скобках, если задавать ему переменную или функцию первого скрипта - то выдает ошибку, получается, что нужно в сам скрипт вывести значение другой переменной, как можно это сделать?

Answer 1

[Евгений Петров]

Вам нужно new jPlayerPlaylist вызывать после получения AJAX-ответа, а не когда DOM построен.

$.ajax({
	url: '...',
	...
	success: function () {
		...
		new jPlayerPlaylist(...);
	}
});

Comments

[Hakhagmon]

@Petroveg что не то..

$.ajax({
url: '........',
dataType: 'jsonp',
success:function(data){

var $output=" ";
console.log( "JSON Data: " + data.response[0].artist );
for (var i in data.response) {
$output+= '{title : " + data.response[i].title + ", mp3 : " + data.response[i].url + ",download : " + data.response[i].url+",poster: {fullimage-1}}, ';
}

// $output+=" ]";
jQuery(document).ready(function($) {
new jPlayerPlaylist( {
jPlayer: "#jquery_jplayer",
cssSelectorAncestor: "#jp_container" }, [{ title : "Cloudless Days", mp3:"d34dhttcyvyd47.cloudfront.net/wp-content/uploads/2...",download : "d34dhttcyvyd47.cloudfront.net/wp-content/uploads/2..." ,poster : "wpwolf.com/wp-content/plugins/wolf-jplayer/assets/..." }, $output ] , {swfPath: "hakhagmon.ru/assets/js/src",
wmode: "window", supplied: "mp3", solution:"flash, html"});
jQuery(".wolf-jp-popup").click(function() {
Player = $(this).parent().prev();
Player.jPlayer("stop");
var url = jQuery(this).attr("href");
var popupHeight = jQuery(this).parents(".wolf-jplayer-playlist-container").height();
var popup = window.open(url,"null", "height=" + popupHeight + ",width=570, top=150, left=150");
if (window.focus) {
popup.focus();
}
return false;
});});

},
});

[Евгений Петров]

@Hakhagmon
вот это зачем?
dataType: 'jsonp'

Написав это, вы должны задать callback, а не писать в success.

[Евгений Петров]

@Hakhagmon Что такое jsonp и как им пользоваться?

[Евгений Петров]

@Hakhagmon $.ajax

"jsonp": Loads in a JSON block using JSONP. Adds an extra "?callback=?" to the end of your URL to specify the callback.

[Hakhagmon]

@Petroveg убрал dataType: 'jsonp', $output - также выводится как переменная, а не ее значение

[Евгений Петров]

@Hakhagmon я не пойму, что вы делаете. Вам точно нужно строку собирать? Разве вам не объект нужен?
Возможно, вы хотели написать dataType: 'json', а написали jsonp?

...
dataType: 'json',
success: function(data){
	var $output = [];

	for (var i in data.response) {
		$output.push({
			title: data.response[i].title,
			mp3: data.response[i].url,
			download: data.response[i].url,
			poster: '{fullimage-1}'
		});
		...
	}
	...
}

[Hakhagmon]

@Petroveg в итоге все слетело hakhagmon.ru/11.html

[Евгений Петров]

@Hakhagmon вы там какую-то кашу написали. Это вообще никогда работать не будет.
Смотрите внимательно, что я написал для $output

[Hakhagmon]

@Petroveg поковырял, это не то.. нужно просто в место переменной вывести ее значение в самом скрипте откуда уже библиотека jplayerа сама подставит в плейлист значения