Question

<a>链接无法使用http://surtilub.com/productos.html上的弹出式对话框时出现问题。弹出窗口首次出现时，<a>周围还会出现边框。

要查看此内容，您可以点击任何产品上的“Leermás”。为什么我的链接不起作用，以及导致边框显示的原因是什么？

感谢。

Answer 1

您的PDF链接已损坏。为确保它们有效，请将它们直接粘贴到浏览器窗口中并确保它们加载。您需要更新您的pdf文件，删除文件名中的任何空格，然后更新您的链接。对于边框，要删除它们，css属性为'border：0 none;'

Answer 2

您可以尝试使用javascript。

<a onclick="window.open(this.href,'_blank');return false;" href="http://some_other_site.com/whatever.pdf">Your other site</a>

Answer 3

您的链接无法正常工作，因为它们未经过正确的网址编码（请参阅w3 URL Encoding）。例如，第一个项目中的第一个链接是

fichas/300V 15W50 2Lts. Ficha Tecnica.pdf

但应该是

fichas/300V%2015W50%202Lts.%20Ficha%20Tecnica.pdf

您看到的CSS错误是因为您的css文件jquery-ui-1.8.21.custom.js。在那里，有一个看起来像

的部分

/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; height: 200px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family:   Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
/*.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-    hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; } */
.ui-widget-content a { color: #222222; }
.ui-widget-header {color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

删除.ui-widget-content a { color: #222222; }可解决此问题。如果您需要它，也可以在自己的css文件中覆盖它。

链接标记不起作用，并在弹出对话框中有额外的边框

3 个答案: