Question

嗨我有一个问题，页面加载另一个页面我有一个页面a和页面b页面a它有一个ajax加载页面b，页面b加载并运行jquery完美，直到我点击页面a然后第二页的jquery似乎没有人可以帮我这个吗？

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;
            }
        }

第1页载入AJAX和第二页

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

第2页第1页如果加载了工作的情况，如果由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>

有人可以帮助我这个，我们真的很感激！谢谢！

Answer 1

使用jquery的live（）或$（document）.on（）函数。

在page1上编写page2的所有jquery函数，并使用live（）或$（document）.on（）函数。

它会起作用......

在ajax中加载页面后似乎没有加载jquery

1 个答案: