当前在span标记(在类.next内部)中,它们是“当前处于活动状态的第1页”。但是,当我单击锚标记(.next类)时,span标记迅速更新为“当前处于活动状态的第2页”。问题是屏幕阅读器无法读取 新的更新值,它仍显示为“当前处于活动状态的第1页”。
点击之前:
<a class="prev" role="button" tabindex="0">
<span class="screenreader"></span>
</a>
<a class="next" role="button" tabindex="0">
<span class="screenreader">page 1 currently active</span>
</a>
点击后:
<a class="prev" role="button" tabindex="0"><span class="screenreader"></span></a>
<a class="next" role="button" tabindex="0"><span class="screenreader">page 2 currently active</span></a>
在jQuery中:
var txt="page 2 currently active";
$(".next .screenreader").html(txt);
首选链接查看图像。在图像中,您可以看到我在第3页上,但屏幕阅读器仍然在第2页上