Question

我在iframe中有一个PDF。如果我将src加载为/pdf#page=4，那么当iframe首次加载时，PDF将跳转到第4页，但我希望在页面通过Javascript / jQuery加载后实现此效果。

我希望能够使用我页面上的链接跳转页面。我的Javascript代码是：

function pageView(num) {
    var src = $('#previewFrame').attr('src');

    str = src.substring( 0, src.indexOf( "page=" ) ); //Remove page=1 segment
    str = str+'page='+num; //Add new page=x segment

    $('#previewFrame').attr('src', str); //Set new iframe src

}

HTML：

<a onclick="pageView(1)">Page 1</a>
<a onclick="pageView(2)">Page 2</a>
<a onclick="pageView(3)">Page 3</a>
<a onclick="pageView(4)">Page 4</a>
<iframe src="/../pdf#page=1" width="100%" height="550px" id="previewFrame"></iframe>

这会正确生成新URL（通过将URL打印到控制台进行检查），但PDF不会加载页面。如果我将str替换为常规网址，则可以正常加载，因此我知道Javascript正在运行 - 只有在更改PDF #page=x细分时才会发生任何变化。

如何强制PDF跳转到正确的页面？我宁愿这样做而不再重新加载iframe中的实际PDF，但是如果有必要的话，请不要介意。

使用jQuery跳转到iframe中的PDF页面

0 个答案: