0

在此处输入图像描述

我在新的 Dreamweaver 中使用 jQuery 手风琴功能。我想要做的是能够选择一个帐户并为该帐户打开相应的 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>
4

1 回答 1

2

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

2) 使用 iframe。

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

<iframe name="viewframe" style="display:block;height:400px;"></iframe>
于 2013-11-14T20:49:40.107 回答