Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » Не работает javascript в документе, вызванным AJAX

Страниц (1): [1]
 

1. kikosik666 - 20 Марта, 2018 - 10:53:57 - перейти к сообщению
Здравствуйте, такая проблема, через AJAX в странице 1 получаю страницу 2.
В странице 2 находится код image cropper.
Когда отдельно открываю 2 страницу, image cropper работает, а когда с помощью AJAX показываю, не работает. В чем может быть проблема?

Вот код:

страница 1

<script type="text/javascript">
$(function(){
$("#keyword3").keyup(function(){
var search = $("#keyword3").val();
$.ajax({
type: "POST",
url: "2.php",
data: {"keyword3": search},
cache: false,
success: function(response){
$("#resSearch3").html(response);
}
});
return false;
});
});
</script>

Страница 2

<script type="text/javascript" charset="utf-8">
Event.observe (
window,
'load',
function() {
new Cropper.Img (
't3soeta',
{
minWidth: 200,
minHeight: 250,
ratioDim: { x: 200, y: 250 },
displayOnInit: true,
onEndCrop: saveCoords,
onloadCoords: { x1: 0, y1: 0, x2: 200, y2: 250 },
}
)
}
);

function saveCoords (coords, dimensions)
{
$( 'x1' ).value = coords.x1;
$( 'y1' ).value = coords.y1;
$( 'width' ).value = dimensions.width;
$( 'height' ).value = dimensions.height;
}
</script>


<form action="saveCrop.php" method="post">
<h2>Image Cropping Tutorial (Without Preview)</h2>
<div>
<img src="../../images/lapsi.jpg" id="t3soeta" alt="New T3 Soeta" />
</div>

<input type="hidden" name="x1" id="x1" value="">
<input type="hidden" name="y1" id="y1" value="">
<input type="hidden" name="width" id="width" value="">
<input type="hidden" name="height" id="height" value="">
<input type="submit" name="Done" value=" Done ">
</form>
2. andrewkard - 20 Марта, 2018 - 13:11:40 - перейти к сообщению
Судя по всему, после загрузки страницы №2 Вам нужно выполнить этот код:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. Event.observe (
  3. window,
  4. 'load',
  5. function() {
  6. new Cropper.Img (
  7. 't3soeta',
  8. {
  9. minWidth: 200,
  10. minHeight: 250,
  11. ratioDim: { x: 200, y: 250 },
  12. displayOnInit: true,
  13. onEndCrop: saveCoords,
  14. onloadCoords: { x1: 0, y1: 0, x2: 200, y2: 250 },
  15. }
  16. )
  17. }
  18. );
  19.  
3. kikosik666 - 20 Марта, 2018 - 13:55:07 - перейти к сообщению
andrewkard пишет:
Судя по всему, после загрузки страницы №2 Вам нужно выполнить этот код:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. Event.observe (
  3. window,
  4. 'load',
  5. function() {
  6. new Cropper.Img (
  7. 't3soeta',
  8. {
  9. minWidth: 200,
  10. minHeight: 250,
  11. ratioDim: { x: 200, y: 250 },
  12. displayOnInit: true,
  13. onEndCrop: saveCoords,
  14. onloadCoords: { x1: 0, y1: 0, x2: 200, y2: 250 },
  15. }
  16. )
  17. }
  18. );
  19.  



Вы имеете виду после этого кода?
<script type="text/javascript">
$(function(){
$("#keyword3").keyup(function(){
var search = $("#keyword3").val();
$.ajax({
type: "POST",
url: "2.php",
data: {"keyword3": search},
cache: false,
success: function(response){
$("#resSearch3").html(response);
}
});
return false;
});
});
</script>
4. andrewkard - 20 Марта, 2018 - 14:14:45 - перейти к сообщению
Да, после того как добавите, вот тут:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. success: function(response){
  3. $("#resSearch3").html(response);
  4.  
  5. //Тут
  6. }
  7.  
5. kikosik666 - 20 Марта, 2018 - 14:32:16 - перейти к сообщению
andrewkard пишет:
Да, после того как добавите, вот тут:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. success: function(response){
  3. $("#resSearch3").html(response);
  4.  
  5. //Тут
  6. }
  7.  


Я так тоже пробовал, но не получается

<script type="text/javascript">
$(function(){
$("#keyword3").keyup(function(){
var search = $("#keyword3").val();
$.ajax({
type: "POST",
url: "2.php",
data: {"keyword3": search},
cache: false,
success: function(response){
$("#resSearch3").html(response);

Event.observe (
window,
'load',
function() {
new Cropper.Img (
't3soeta',
{
minWidth: 200,
minHeight: 250,
ratioDim: { x: 200, y: 250 },
displayOnInit: true,
onEndCrop: saveCoords,
onloadCoords: { x1: 0, y1: 0, x2: 200, y2: 250 },
}
)
}
);
}
});
return false;
});
});
</script>
6. andrewkard - 20 Марта, 2018 - 15:57:38 - перейти к сообщению
значит что то не хватает, смотрите ошибки в консоли

 

Powered by ExBB FM 1.0 RC1