Question

我有div重装功能的问题。我知道这个话题在过去已经重复了几次，但这次是不同的事情。有一个基于Wordpress的网站 www.trzywu.pl/trzywu ，我想在点击菜单项时重新加载.pageicon div。以网络上的许多缩略词为例，我创建了一个函数：

$("a").on('click', function(e) {
     e.preventDefault();
     $(".pageicon").load("header.php .pageicon img");
});

哪个不起作用（返回＆＃34;无法加载资源：服务器响应状态为404（未找到）＆＃34;路径为＆＃34; http://www.trzywu.pl/trzywu/kontakt/header.php＆＃ 34;（如果我点击Kontakt菜单项）。但是如果替换

$(".pageicon").load("header.php .pageicon img");

与

$(".pageicon").load("index.php");

它将index.php加载到.pageicon div中并且它可以工作。

我需要提一下，我正致力于对网站进行调整。通常，当点击任何菜单项时，它会将我带到一个通讯页面，并且＆＃34; .pageicon＆＃34; div显示一个特色的帖子图像（对于Cennik图像是计算器，对于Kontakt图像是@等），所以代码看起来像：

<div class="pageicon">
            <?php if ( is_page() ) { 
                the_post_thumbnail();
             } else { ?>
                <img src="<?php bloginfo('template_url'); ?>/images/home.png" />
            <?php } ?>
        </div><!-- pageicon -->

但是只有在页面的右侧（确切地说是＆＃34; .container_right_wrapper＆＃34;）之后，它才会被刷新（而不是整个网站）。 Div＆＃34; .pageicon＆＃34;放在页面上的其他位置（可以在访问我链接到的网站后看到），因此在点击菜单项后它不能与页面右侧一起刷新。＆＃34; .pageicon＆＃34;位于＆＃34; header.php＆＃34;文件。

所以问题是：我怎样才能实现这一目标？

PS，我希望自己能够说清楚，如果没有，请不要犹豫，欢呼。

如何使用ajax和.on点击重新加载div？

0 个答案: