WordPress的分页按钮在桌面工作，但不能在手机或小屏幕上工作

Question

我正在做一个博客网站。 它使用分页符为每个图像都有下一个按钮。 下一个按钮在桌面上完美工作，但不能在移动设备上工作。

$args = array(
    'before'   => '<center><p style="float:none;">' . __('<span 
    style="margin-top:7px;font-size:18pt;">Page '.$page.'- 
    '.$numpages.'</span>'), 
    'after'   => '</p></center>', 
    'link_before'  => '', 
    'link_after'  => '', 
    'next_or_number' => 'next', //change into number for numeric 
          pagination 
    'separator'  => ' ', 
    'nextpagelink'  => __('<button style="cursor:pointer;color:white; 
             background:#ff8000; border- 
           radius:40px;height:50px;width:250px;font- 
           size:15pt" class="btn"><span style>Next 
          </span><span class="dashicons dashicons-arrow-right-alt2"></span></button>'), 
    'previouspagelink' => __(''), 
    'pagelink'   => '%', 
    'echo'    => 3 
); 
wp_link_pages($args); 

这完全适用于桌面，但在移动

Answer 1

尝试不响应长宁按钮，用相同的风格锚，这里是你的更新代码：

$args = array(
    'before'   => '<center><p style="float:none;">' . __('<span 
    style="margin-top:7px;font-size:18pt;">Page '.$page.'- 
    '.$numpages.'</span>'), 
    'after'   => '</p></center>', 
    'link_before'  => '', 
    'link_after'  => '', 
    'next_or_number' => 'next', //change into number for numeric pagination 
    'separator'  => ' ', 
    'nextpagelink'  => __('<span style="cursor:pointer;color:white; 
             background:#ff8000; border- 
           radius:40px;height:50px;width:250px;font- 
           size:15pt" class="btn">Next 
          </span><span class="dashicons dashicons-arrow-right-alt2"></span>'), 
    'previouspagelink' => __(''), 
    'pagelink'   => '%', 
    'echo'    => 3 
); 
wp_link_pages($args);