Виджет моросит с jquery

[KupueIIIKo]

Во вложении инструкция от виджета!
Суть такова подключил jquery 1.7.2
Потом $.ajax принимаю html код где стоит этот виджет! и кнопка не работает!
Поковырял мануал, пробывал а толку нет! Кстати в виджете подгружается jquery 1.7.1! Но думаю проблема не в этом!
Кто как перевел, и что бы сделал?

[virus-07]

Сперва подгрузите html, затем повесьте событие.

[KupueIIIKo]

ну через document.ready() в загружаемом htmL? я делал бестолку

[zlodeeev]

Ребят, я наверно уже всех задолбал с этим, но всё-же - СМОТРИТЕ сначала в консоль, в 98% случаев ошибку можно увидеть там, если же там бага нет, то уже постите вопрос, но опять же - учитывайте, что люди здесь не экстрасенсы и им надо видеть код.

Итог: Смотри в консоль, если не поможет - скинь хоть кусок своего кода.

[KupueIIIKo]

featherEditor is undefined без аякса работает!

так загружаю html

$("#create").click(function()
{
$("#wrapper").load("create.php");
}

дальше php файл
выводит

if (isset($_POST['url']))
{
$url = SiteScreenshot ($_POST['url']);
$full_url = "http://delfun.ru/".$url;
echo "
<!-- Load Feather code -->
<script type=\"text/javascript\" src=\"http://feather.aviary.com/js/feather.js\"></script>

<!-- Instantiate Feather -->
<script type=\"text/javascript\">

var featherEditor = new Aviary.Feather({
apiKey: 'd8d50760e',
apiVersion: 2,
tools: 'stickers,text,draw',
appendTo: '',
onSave: function(imageID, newURL) {
var img = document.getElementById(imageID);
img.src = newURL;
}
});

function launchEditor(id, src) {
featherEditor.launch({
image: id,
url: src
});
return false;
}

</script>

<div id=\"injection_site\"></div>

<img id=\"image1\" src=\"$full_url\"/>

<!-- Add an edit button, passing the HTML id of the image and the public URL ot the image -->
<p><input type=\"image\" src=\"http://advanced.aviary.com/images/feather/edit-photo.png\" value=\"Edit photo\" onclick=\"return launchEditor('image1', '$full_url');\" /></p>";
}
else
{
echo "
<script type='text/javascript'>
$('#button_show').click(function()
{
var temp_url = $('#insert_url').val();
if (temp_url=='')
{
alert('Введите url');
}
else
{
$.ajax({
async: false,
type: 'POST',
url: 'create.php',
data: 'url=' + temp_url,
success: function(data){
$('#screen').html(data);
}
});
}
}
);
</script>
<div>
<input id='insert_url' type='url' placeholder='Пример: delfun.ru'/><button id='button_show'>Показать</button>
<div id='screen'>
</div>
</div>";
}

[zlodeeev]

.load() - тот же ajax. А с этим смотрю справился, пока я твой сайт ковырял)

[zlodeeev]

А консоль всё же полезна. Вот она мне выдала вот такое при клике на "Edit Photo":

Uncaught TypeError: Cannot call method 'launch' of undefined

Значит ты передаешь обработчику "ничего".

[KupueIIIKo]

блин это баг!

[zlodeeev]

67 строка твоего php файла:

<p>
<input type=\"image\" src=\"http://advanced.aviary.com/images/feather/edit-photo.png\" value=\"Edit photo\" onclick=\"return launchEditor('image1',

'$full_url'

);\" /></p>

Вот здесь косяк. Надо так:

<p><input type=\"image\" src=\"http://advanced.aviary.com/images/feather/edit-photo.png\" value=\"Edit photo\" onclick=\"return launchEditor('image1', '".$full_url."');\" /></p>

Ты передавал вместо ссылки по сути пустоту. будь внимательней

[KupueIIIKo]

вот суть в том. что скрипт должен включатся после полной загрузки! сверху же картинку кинул! пробывал но не пашет! все откатил! пробывал без аякса все работало!