1

我有一个 wordpress 网站，需要使用滑动来显示页面，我选择使用 Jquery Mobile，我让它工作正常。现在，我们在网站上有 2 种语言，使用 wpml 插件。我的刷卡代码运行良好，除非我们使用更改语言按钮刷卡失败。

有关问题的详细信息。

我们的网站上只有 3 个纯文本页面，采用 2 种语言。在页脚中，我们有更改语言的链接。客户也讨厌加载 Ajax 页面，所以我所做的就是创建三个 Divdata-role=page并将data-next, data-prevas #div-$postid. 所以导航工作得很好。我把页脚放在外面data-role=page。

现在，当我单击页脚中的更改按钮时，它会加载英文页面[我使用 Fiddler 看到它]，然后首先data-role=page从服务器获取并替换 /slide 其内容。然而，由于它只选择第一个数据角色，所有其他英文页面都不会进入 HTML [它只是更新 DOM 并且不会导航到英文版本]。由于其他英文页面不在 dom 中，因此滑动失败。

此外，页脚没有改变，所以我想要的是：我们可以简单地强制链接导航而不是滑动方式吗？Jquery Mobile 对所有 A 标签强制滑动，我不想滑动到外面的任何东西data-role=page。

希望我说得通。

此处编辑代码：[不确定此代码是否有帮助]

<?php 
    get_header(); 
global $post;   
$args = array('post_type' => 'mobile_slide','showposts' => '-1', "order" => "DESC");

$the_query = new WP_Query($args);            
if($the_query->have_posts()){
    while($the_query->have_posts()) { $the_query->the_post();
    $prev =get_previous_post();
    $next =get_next_post();
    if($prev) {
        $prev = "#page-" . $prev->ID; //get_permalink($prev->ID);
    } else {
        $prev='';
    }
    if($next) {
        $next = "#page-".$next->ID; //get_permalink($next->ID);
    } else {
        $next='';
    }

    if (has_post_thumbnail( $post->ID ) ) {     
        $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'slider_image' ); ?>
        <div id="page-<?php echo $post->ID; ?>" data-dom-cache="true"  data-transition="slide"  class="page" data-role="page" data-prev="<?php echo $prev; ?>" data-next="<?php echo $next; ?>" style="background-image:url('<?php echo $image[0]; ?>'); background-position:center center; background-color:#000; background-repeat:no-repeat; ">
        <?php } else { ?>
        <div id="page-<?php echo $post->ID; ?>" data-dom-cache="true"  data-transition="slide" class="page" data-role="page" data-prev="<?php echo $prev; ?>" data-next="<?php echo $next; ?>"> 
        <?php } ?>
        <div class="post_box">
            <h2><blockquote><?php the_title(); ?></blockquote></h2>
            <div class="post_entry">
               <?php the_content(); ?>
            </div>
        </div><!-- post_box -->
        </div>

   <?php   } 
   } ?>
   <?php get_footer(); ?>

这就是我所拥有的，除了 get_footer 使用基于 Ul li 的列表，其中基于语言变量的 LI 更改，以显示两种语言的不同图像。

4

2 回答 2

2

要阻止 Ajax 加载页面/链接，请添加到链接锚data-rel="external"或data-ajax="false". 这将正常加载页面而无需任何转换。

参考：jQuery Mobile - 链接

于 2013-06-12T10:48:14.373 回答
1

对于那些有类似问题的人，我使用以下方法修复它：

1) 我在 A Tag 中添加了一个“noswipe”类，这样我就可以在 Jquery 中引用它

2）我添加以下代码

$(function(){
  $(".noswipe").click(function(){
     window.location.href= $(this).attr("href");
      return false;
   });
 });

上面的代码只是强制跳过手机的解析和调用，适用于我的情况。

于 2013-06-12T10:41:32.550 回答