jquery hover с неработающим ajax

У меня есть файл .php, где находится div в теле, содержимое которого должно отображаться с помощью JQuery, который не работает. Он не отображает содержимое jquery в div, а также их тег анкера в jquery, наведя его содержимое на div, внутри которого находится iframe (в b.php) с содержимым divs с использованием ajax, это должно работать, но я не уверен, что это было он не работает. оба a.php и b.php находятся в одной папке

И в a.php, и в b.php:

a.php:

$("document").ready(function()
{
    $("#pcontent").html('');
    $("#pcontent").append('<div class="product"><div class="title1"><div class="title">fdfsfsd</div><div class="title">&nbsp;&nbsp;<a class="reference">sdfsf</a></div><div id="showdata"></div></div></div>');
    $("#pcontent").fadeIn(1);

    $(".reference").hover(function()
    {
        $("#showdata").css("display","block");
        $.ajax({
            url:"b.php",
            type:"GET"
        });
    });
});

<div id="pcontent"></div>

b.php:

 $("document").ready(function()
 {
    $("#pcontent").html('');
    $("#pcontent").append('<div class="product"><div class="title1"><div class="title"><b>&nbsp;&nbsp;ghgj</b></div><div class="title">&nbsp;&nbsp;hjhk</div></div></div>');
    $("#pcontent").fadeIn(1);
});

 <iframe id="pcontent" width="100px" height="10px"></iframe>

Может ли кто-нибудь сообщить мне, что я ошибаюсь, или есть лучший способ добиться этого?


iframe jquery jquery-hover
person Tested    schedule 23.01.2014    source источник
comment
Вы включили jQuery?   -  person Albzi    schedule 23.01.2014
comment
я использую ... обновили код   -  person Tested    schedule 23.01.2014
comment
Почему вы включаете jquery два раза? Это вызывает проблемы   -  person szpic    schedule 23.01.2014
comment
Почему вы включаете jquery 1.3, а также jquery 1.8?   -  person Albzi    schedule 23.01.2014
comment
для обоих szpic BeatAlex .... удалили jquery1.3, знаю, что он показывает содержимое a.php. но iframe b.php не появлялся при наведении курсора, когда появлялся div showdata   -  person Tested    schedule 23.01.2014
comment
@tisha Можете ли вы улучшить свою орфографию, пунктуацию и произношение?   -  person Reporter    schedule 23.01.2014
comment
@reporter Мне очень жаль, что у меня нет правильного написания, пунктуации и произношения. это просто из-за нехватки времени :) я неплохо владею своим языком   -  person Tested    schedule 23.01.2014

Ответы (2)


arrow_upward
0
arrow_downward

Изменять :

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>

в :

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>   
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>

И ваш ajax должен начать работать

person szpic    schedule 23.01.2014
comment
Я сделал это, но ajax не работает, появляется iframe dosent - person Tested; 23.01.2014

arrow_upward
0
arrow_downward

Было сложно понять, почему зависание не работает.

Согласно документации api jquery, .hover() нужна функция для события 'onMouseOver() 'и функция для 'onMouseOut()'. Второе - это использование .css(). Согласно этому сообщению, метод не работает корректно со всеми браузерами. Для инвазии я использовал Firefox. поэтому я изменил его, используя класс css

Вот мой рабочий пример, основанный на вашем коде (a.php):

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>   
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
        <style>
            .displayObject {display:block;}
            .disDisplayObject {display:none;}
        </style>
        <script>
            $("document").ready(function()
            {
                $("#pcontent").html('');
                $("#pcontent").append('<div class="product"><div class="title1"><div class="title">fdfsfsd</div><div class="title">&nbsp;&nbsp;<a class="reference" style="text-decoration:underline">sdfsf</a></div><div id="showdata" class="disDisplayObject">showData</div></div></div>');
                $(".reference").hover(
                    function()
                    {
                        $("#showdata").fadeIn(300).removeClass("disDisplayObject").addClass("displayObject");
                    }, function() {
                        $("#showdata").fadeOut(300).removeClass("displayObject").addClass("disDisplayObject");
                    }
                );
            });
        </script>
    </head>
    <body>
        <div id="pcontent"></div>
    </body>
</html>

Примечание к содержанию b.php:

Использование .html() и .append() не влияет на iframe. Могу только догадываться, каковы были ваши намерения. Моя теория состоит в том, что вы хотите вставить содержимое b.php в div a.php. Если да, то вы можете пойти более простым путем:

Разработайте b.php, чтобы он сгенерировал соответствующий фрагмент HTML, а затем вставьте этот ответ ajax в div в файле a.php. В основном возникают проблемы с использованием iframe.

person Reporter    schedule 30.01.2014
comment
Я пытаюсь сообщить тебе. спасибо за объяснение - person Tested; 31.01.2014