0

こんにちは、別のページをロードするページに問題があります。ページ a とページ b があり、ページ b をロードする ajax があり、ページ a をクリックしてから jquery をクリックするまで、ページ b がロードされ、jquery が完全に実行されます。ページbは、誰かがこれを手伝ってくれるとは思えませんか?

AJAX

function getXmlHttpRequestObject() {
            if (window.XMLHttpRequest) {
                return new XMLHttpRequest(); //Not IE
            } else if(window.ActiveXObject) {
                    return new ActiveXObject("Microsoft.XMLHTTP"); //IE
                alert("Your browser doesn't support the         XmlHttpRequest object.  Better upgrade to Firefox.");
            }
        }   


var receiveReq = getXmlHttpRequestObject();     
        function get() {
            if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
                receiveReq.open("GET", 'b.php', true);
                receiveReq.onreadystatechange = handleGet; 
                receiveReq.send(null);
            }           
        }
        function handleGet() {
            if (receiveReq.readyState == 4) {
                document.getElementById('content').innerHTML = receiveReq.responseText;
            }
        }

AJAX をロードするページ 1 と 2 番目のページ

<script src="add.js"></script>
<a href="javascript:get()">Live Chat</a>
<div id='content' class='content'></div>

ページ 2 は、ページ 1 が動作中の JQUERY でロードされる場合、それ自体でロードされますが、AJAX がこのページをロードした後は機能しません

            <!DOCTYPE html>
            <html>
            <meta charset="utf-8">
            <title>Test selctions</title>
            <head>
                <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
                <script type="text/javascript">
                $(document).ready(function () {
                $('#' + $('#selection option:selected').text().toLowerCase()).show();
                $('#selection').change(function () {
                    $('.op').hide();
                    $('#' + $('#selection option:selected').text().toLowerCase()).show();
                });
                });
                </script>

                <style type="text/css">
                    #plane ,#boat,#car ,#other {
                display: none;
            }
                </style>

                </head>
                <body>

                options:
                <select id='selection'>
                <option>Pls choose</option>
                <option value='1' id='1'>Car</option>
                <option value='2' id='2'>Plane</option>
                <option value='3' id='3'>Boat</option>
                <option value=''>Other</option>

                </select><div>
                <div id='car' class='op'>you have chosen a car</div>
                <div id='plane' class='op'>you have chosen a plane</div>
                <div id='boat' class='op'>you have chosen a boat</div>
                <div id='other' class='op'>others</div>
            </div>





                </body>
            </html>

誰かがこれで私を助けてくれませんか?本当に感謝しています! ありがとう！

4

1 に答える 1

-2

jquery の live() または $(document).on() 関数を使用します。

page1 に page2 のすべての jquery 関数を記述し、live() または $(document).on() 関数を使用します。

それが動作します...

于 2013-09-26T12:26:33.003 に答える