jquery - .load(url) on page load

Question

This is my code

<script type="text/javascript" language="javascript">
    $(document).ready(function (){
        $("#foo2").load("carousel/todos.html");
        $('#foo2').animate({ "opacity":"1" });
        $('#carouselselectitem1').css({ 'color' : '#FF0000', 'opacity' : '1' })
    });
</script>

animate() and css() work perfectly, but load() doesn't import my HTML. If I use a click handler with a button it works fine.

Anybody know why?

Answer 1

あなたを保護するために、ブラウザは自動的にページをロードしません (Origin null is not allowed by Access-Control-Allow-Originエラーが発生します)。ブラウザを再起動して、この種のアクティビティを許可するか、ウェブサーバーに配置すると、機能するはずです.

HTTP アクセス制御

Answer 2

これを試して：

<script type="text/javascript" language="javascript">
    $(document).ready(function (){
        $("#foo2").load("carousel/todos.html", function(){
          $(this).animate({ "opacity":"1" });
          $('#carouselselectitem1').css({ 'color' : '#FF0000', 'opacity' : '1' });
        });
    });
</script>

またはこのようになります：

<script type="text/javascript" language="javascript">
    $(document).ready(function () {
      $("#foo2").ready(function () {
        $(this) load("carousel/todos.html", function () {
          $(this).animate({"opacity": "1"});
          $('#carouselselectitem1').css({'color': '#FF0000', 'opacity': '1'});
        });
      });
    });
</script>

Answer 3

これを試してください。foo をロードする準備ができていないか、キャッシュに問題がある可能性があります。

$(document).ready(function(){
 setTimeout(function(){
    $("#foo2").load("carousel/todos.html");
    $('#foo2').animate({ "opacity":"1" });
    $('#carouselselectitem1').css({ 'color' : '#FF0000', 'opacity' : '1' })
 },1000);


});

またはこれを試してください

  $(document).ready(function(){

        $("#foo2").load("carousel/todos.html?"+ Math.random());
        $('#foo2').animate({ "opacity":"1" });
        $('#carouselselectitem1').css({ 'color' : '#FF0000', 'opacity' : '1' })

    });