javascript - 使用 Dreamweaver 和 jQuery 在容器中打开 PDF

标签 javascript jquery css html dreamweaver

enter image description here

我正在使用新 Dreamweaver 中的 jQuery Accordion 功能。我想要做的是能够选择一个帐户并为该帐户打开相应的 PDF。

我正在尝试弄清楚如何将 PDF 链接到一个帐户,并在选择一个帐户时在“内容转到此处”容器中打开它。

任何帮助将不胜感激。谢谢。

<!DOCTYPE html>
<html>
<link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.accordion.min.css" rel="stylesheet" type="text/css">
<script src="jQueryAssets/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="jQueryAssets/jquery-ui-1.9.2.accordion.custom.min.js" type="text/javascript"></script>
<body>

<div id="container" style="width:700">

<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">jQuery Test File</h1></div>


<div id="menu" style="background-color:#FFD700;height:278;width:300;float:left;">
  <b>Utilities</b><br> 

<div id="Accordion1">
  <h3><a href="#"> Electric </a></h3>
  <div>    3201 New Mexico AV</br>     
<br>
4200 Wisconsin Ave</br>
<br>
4545 42nd St NW 312 <br>
4545 42nd St 309</br></div>
  <h3><a href="#"> Gas </a></h3>
  <div>Anderson Hall<br>
Asbury Bldg</br>
<br>
Asbury Boiler Distribution <br>
Beeghly Bldg.</div>
  <h3><a href="#">Water</a></h3>
  <div>3500 Nebraska Ave. NW
    <br>
3501 Nebraska Ave. NW<br>
4629 Rockwood Pkwy <br>
4745 Massachusetts Ave</div>
</div>

<script type="text/javascript">
$(function() {
    $( "#Accordion1" ).accordion(); 
});
</script>

<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;"></div>

</div>

<div id="content" style="background-color:#EEEEEE;height:278px;width:400px;float:left;">
Content goes here</div>

</body>
</html>

最佳答案

1) 这与Dreamweaver无关,它只是一个代码编辑器。

2) 使用 iframe。

<a href="myfile.pdf" target="viewframe">3501 Nebraska Ave. NW</a>

<iframe name="viewframe" style="display:block;height:400px;"></iframe>

关于javascript - 使用 Dreamweaver 和 jQuery 在容器中打开 PDF,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19987901/

相关文章:

javascript - 使用 Javascript/jQuery 遍历嵌套列表并存储在数组中

javascript - "this"在 HTML anchor 中指的是什么

javascript - 第二次触摸灯箱打开图像

javascript - 防止 Controller 创建新的范围对象

javascript - 正则表达式 - 重复或分布的字符

javascript - 在客户端上传多个文件并压缩,然后在服务器上上传压缩文件

javascript - DOM 中有很多空行

javascript - JQuery 和 Javascript 淡入淡出不起作用

javascript - 在页面加载后加载 respond.js

css子最大深度选择器