javascript - 在 Jquery-mobile 中使用 href =""在同一页面中加载文档时出现问题

标签 javascript jquery-mobile

我有 ListView 。其中,每个列表项都是一个文档(.pdf、.xls、.doc 等)。单击列表项后,我需要在同一页面中打开文档。所以我使用了没有 target="_BLANK"的 anchor 标记。但它不起作用。使用目标属性,工作正常,它在新选项卡中打开。但我需要在同一个标​​签中。这是我使用的代码。

$('div').live('pageshow',function(event, ui){

        var parent = document.getElementById('listview');

            var listItem = document.createElement('li');
            listItem.setAttribute('id','listitem');
            listItem.innerHTML = "<a href='testdoc.doc' >My Word document</a>";
            parent.appendChild(listItem);

            var listItem = document.createElement('li');
            listItem.setAttribute('id','listitem');
            listItem.innerHTML = "<a href='Contacts.pdf' >My Pdf Document</a>";
            parent.appendChild(listItem);

            var listItem = document.createElement('li');
            listItem.setAttribute('id','listitem');
            listItem.innerHTML = "<a href='testx.xls' target='' >My Spreadsheet document</a>";
            parent.appendChild(listItem);

            var listItem = document.createElement('li');
            listItem.setAttribute('id','listitem');
            listItem.innerHTML = "<a href='Images/testImage.png'  >My Image document</a>";
            parent.appendChild(listItem);

});

我正在使用 JQuery-mobile alpha2 版本。当我在 anchor 标记中提供 target=""属性时,它工作正常。但没有它就无法工作。它出了什么问题?请帮助。提前致谢。

最佳答案

我终于明白了。我没有在 anchor 标记中使用 rel="external"。现在它工作正常。

关于javascript - 在 Jquery-mobile 中使用 href =""在同一页面中加载文档时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4488580/

相关文章:

javascript - 我可以将信息从浏览器控制台(通过 AJAX)发送到本地/远程主机上的 php 文件吗?

jquery-mobile - 如何更改 jQuery Mobile 翻转开关的大小

jquery - 如何确定dom元素的 'data-role'

javascript - 单击另一个div后如何在另一个div上显示div?

javascript - 如何提取 json 数据并通过 js 为每个拆分元素追加?

javascript - jQuery 手机 : ui-helper-hidden-accessible

Javascript 在不使用 ID 标签的情况下更改类

javascript - jQuery Mobile 1.4 的页脚按钮

jquery - 支持桌面和移动设备的单个 JQuery 页面的提示?

javascript - 从 jsonp 加载 <li> 会丢失 JQM 格式