0

嗨，我在页面加载另一个页面时遇到问题，我有一个页面 a 和页面 b，页面 a 它有一个加载页面 b 的 ajax，页面 b 加载并完美运行 jquery，直到我点击页面 a，然后点击 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 页和第二页

<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 回答