Может ли .load () в jquery Ajax метод использовать для загрузки изображения? - PullRequest
Новая
       12

Может ли .load () в jquery Ajax метод использовать для загрузки изображения?

0 голосов
/ 29 декабря 2010

Могу ли я спросить, может ли jquery ajax загрузить метод, используемый для загрузки изображения, ниже мой код, и он не работает, кто-нибудь может это исправить? 

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("div").ajaxStart(function(){
    $(this).html("<img src='http://www.w3schools.com/jquery/demo_wait.gif' />");
  });
  $("button").click(function(){
    $("div").load("http://www.google.com/images/logos/ps_logo2.png/");
  });
});
</script>
</head>
<body>

<div><h2>Let AJAX change this text</h2></div>
<button>Change Content</button>

</body>
</html>

Ответы [ 2 ]

3 голосов
/ 29 декабря 2010

Нет.Просто создайте элемент img, установите src и поместите его в нужное вам место. 

$("div").empty().append($("<img/>", {src: "http://www.google.com/intl/en_ALL/images/srpr/logo1w.png"}));

Демо

1 голос
/ 29 декабря 2010

Может быть 

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("div").ajaxStart(function(){
    $(this).html("<img src='http://www.w3schools.com/jquery/demo_wait.gif' />");
  });
  $("button").click(function(){
    $("div").html("<img src='http://www.w3schools.com/jquery/demo_wait.gif' />");
  });
});
</script>
</head>
<body>

<div><h2>Let AJAX change this text</h2></div>
<button>Change Content</button>

</body>
</html>
...