使用/从index.html访问jQuery UI到index.html中的框架

时间:2013-06-11 14:48:31

标签: jquery html

我被命令使用框架(而非iframe)来设置项目。我创建了teh帧并为所有帧中的帧设置了上下文覆盖。我遇到的问题是我无法跨这些框架使用jQuery UI。有没有人知道跨框架访问jQuery UI的方法?

**main.html**
<!DOCTYPE>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Untitled Document</title>
  <link rel="stylesheet" href="style/jquery-ui-1.8.21.custom.css" type="text/css">
  <script type="text/javascript" src="scripts/jquery-1.8.3.min.js"></script>
  <script type="text/javascript" src="scripts/jquery-ui-1.8.21.custom.min.js"></script>
</head>

<frameset rows="*,660,*" framespacing="0" frameborder="0" border="0">
    <frame src="border.html" name="border" title="border" scrolling="no" noresize="noresize" tabindex="-1" />
    <frame src="test.html" name="body" title="body" scrolling="no" noresize="noresize" tabindex="1" />
    <frame src="border.html" name="border" title="border" scrolling="no" noresize="noresize" tabindex="-1" />
</frameset>
<noframes></noframes>
</html>

**test.html**
<!DOCTYPE>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
    var $ = function(a){return top.$(a, this.document);} /* jQuery Context Overwrite */

    $("#slider").slider();
</script>

<div id="slider"></div>
</body>
</html>

我能够在上下文覆盖的框架中使用jQuery但我无法访问UI。我错过了什么?提前谢谢。

0 个答案:

没有答案