Question

我正在开发我的第一个Ajax项目，但我无法找到解决此问题的方法：

这是我的Ajax代码：

$(document).ready(function(){

var seite = $('div.ipadSeite');

$('a').on('click', function(e){
    var href = $(this).attr('href');

    seite.load( href );
    e.preventDefault(); 
});

}）;

这是index.php：

....<div id="ipadHeader">
        <nav>
            <ul>
                <li>100% |=|</li>
                <li>
                    <?php 
                        echo date("h:i a");
                    ?> 
                </li>
                <li>TWT</li>
            </ul>
        </nav>
    </div>
    <div class="ipadSeite">
        <img src="../images/homescreen.png" id="homescreenImage" />
        <a href="seiten/1app.php"><div id="appIcon"><p>TWT</p></div></a>
    </div>
</div>....

首次启动应用程序链接时：a href =“seiten / 1app.php正在运行！所以我创建了一个Home按钮返回index.php。这是通过Ajax加载的文件返回“家”：

    <img src="../images/homescreen.png" id="homescreenImage" />
<a href="informationen.php"><div id="appIcon"><p>TWT</p></div></a>

它只是在“ipadSeite”中加载相同的内容。我的第一个问题：这是错的吗？它应该更容易吗？但是当链接到index.php时，它会加载整个站点（页眉，页脚......）并且功能会中断。

第二个问题：我的解决方案有效，但是当我再次单击该按钮时，它不会产生Ajax请求。相反，它打开常规链接但没有CSS。我真的找不到任何解决方案。我希望你们能理解我的问题和我的解释。

非常感谢！凯文

Answer 1

代表职能：

$(document).delegate('a','click',function(){//Write your function here})

'在'我发现非常情绪化。 “委托”和“实时”都可以与异步加载元素配合使用。

罗伯特

Answer 2

据我粗略地看一眼，你没有使用AJAX，只是简单地利用了jQuery的功能。

你到底想要做什么？如果您逐点列出用户旅程的内容，那么我相信有人可以帮助您。

罗伯特

[编辑]

您是否尝试访问主页上的特定部分：

<script>
  $("#new-nav").load("/ #jq-footerNavigation li");
</script>

上面的代码说从主页'/'获取一些数据并将其加载到'＃new-nav'元素

在你的情况下它应该是.load（'/。ipadSeite'）

Answer 3

首先，我认为你在id

中按类引用div

var seite = $（'div.ipadSeite'）; =＆GT; var seite = $（'＃ipadSeite'）;

Ajax在不断变化的Div中调用

3 个答案: