Javascript-форум - Виджет моросит с jquery

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - Виджет моросит с jquery (https://javascript.ru/forum/jquery/29901-vidzhet-morosit-s-jquery.html)

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

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

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

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

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

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

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 "

<script type=\"text/javascript\" src=\"http://feather.aviary.com/js/feather.js\"></script>


<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\"/>


<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>";
}

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

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

Цитата:

Uncaught TypeError: Cannot call method 'launch' of undefined

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

блин это баг!

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>

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

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