La función de carga jQuery no hace nada

Quiero cargar un reproductor jQuery externo en mi div #player. He probado varias direcciones para encontrar cambios, pero no hay contenido incluido. ¿Qué estoy haciendo mal?

    // This one is okay
    $("li a").live("click", function(){
           $("#textoPequeno").load($(this).attr('href'));    
           return false;
    });

    //This one is not doing anything
    $(document).live(function() {
    $("#player").load("http://code.internuts.se/jquery/iwish/index.html");
    } );

CÓDIGO HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<link href="css/style.css" media="screen" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/simpleplayer.css" type="text/css">
 <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script>
<script type="text/javascript" src="include/javascript.js"></script>



<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Opera</title>
</head>

<body>
    <div id="main">
        <div id="header">

            <h1 id="logo">
                <a href="#">Linux Logo</a>
            </h1>

            <ul>
                <li><a href="1.html">Home</a></li>
                <li><a href="2.html">Navegación</a></li>
                <li><a href="3.html">Novedades</a></li>
                <li><a href="4.html">Diseño</a></li>
                <li><a href="5.html">Multimedia</a></li>
            </ul>

            <div id="player">
            </div>

        </div>
    <div id="imagen"></div>
    <h2 id="textoGrande"><p>Opera ahora<br /> mas acojedor...</p>
    </h2><h3 id="textoPequeno"><p>La hegemonía de Internet Explorer, el navegador web de Microsoft, poco a poco va llegando a su fin. Durante los últimos años hemos asistido a la aparición de nuevos navegadores que han explotado las carencias de Internet Explorer, incorporando nuevas características ausentes en éste.</p>

    </h3></div>


</body></html>

preguntado el 08 de noviembre de 11 a las 16:11

No veo $ (document) .ready (function () {// Tu código aquí}); en cualquier sitio -

4 Respuestas

Necesita ser document.ready

$(document).ready(function() {
   $("#player").load("http://code.internuts.se/jquery/iwish/index.html");

   // include this in the document.ready as well because in order to attache the events the document needs to be ready. 
   $("li a").live("click", function(){
           $("#textoPequeno").load($(this).attr('href'));    
           return false;
    });
} );

Incluso después de hacer este cambio, todavía sospecho que se encontrará con el mismo origen limitación que restringe las solicitudes ajax de dominio cruzado, supongo que este no es su dominio.

respondido 08 nov., 11:20

Las llamadas AJAX están restringidas a Política del mismo origen: no funcionará para cargar contenido que esté fuera de su dominio.

Lea aquí: http://en.wikipedia.org/wiki/Same_origin_policy

respondido 08 nov., 11:20

No creo que tu llamada esté haciendo lo que crees. Prueba esto en su lugar ...

$(function() {
    $("#player").load("http://code.internuts.se/jquery/iwish/index.html");
});

$(....) es la abreviatura de jQuery para document.ready. Una función pasada como parámetro a jQuery estará vinculada a document.ready.

respondido 08 nov., 11:20

Estás abusando jQuery.live(), una función para vincular controladores de eventos para los elementos DOM que se cambian o reemplazan; creo que lo que quieres aquí es jQuery.ready():

$(document).ready(function() {
   $("#player").load("http://code.internuts.se/jquery/iwish/index.html");
});

Esto también se puede simplificar como:

$(function() {
   $("#player").load(...);
});

respondido 08 nov., 11:20

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.