O-O 发表于 2012-10-16 21:37:51

CI与jquery ui 冲突?

我想在页面里使用tabs,因此使用了jquery ui,但ci会把tabs里的A标签解释成网站的首页,从而形成tabs里的内容为首页内容,如果把视图代码提出来运行是可以达到tabs效果的。如下代码:

这是视图代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <base href="<?php echo base_url(); ?>">
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>无标题文档</title>
            <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
            <script type="text/javascript" src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
            <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css"/>
            <script type="text/javascript">
                $(function() {
                  $( "#tabs" ).tabs();
                });
            </script>

            <style type="text/css">

            </style>

    </head>

    <body>
      <div id="tabs">
            <ul>
                <li><a href="#tabs-1">Nunc tincidunt</a></li>
                <li><a href="#tabs-2">Proin dolor</a></li>
                <li><a href="#tabs-3">Aenean lacinia</a></li>
            </ul>
            <div id="tabs-1">
                <p>Proin elit arcu, rutrum lectus.</p>
            </div>
            <div id="tabs-2">
                <p>Morbi tincidunt, .</p>
            </div>
            <div id="tabs-3">
                <p>feugiat nec, luctus a, lacus.</p>
                <p>libero vitae lectus hendrerit hendrerit.</p>
            </div>
      </div>

    </body>

</html>



Shengzhi 发表于 2012-10-16 22:31:47

你把head标签里的base去掉试一试.

O-O 发表于 2012-10-16 22:40:17

Shengzhi 发表于 2012-10-16 22:31 static/image/common/back.gif
你把head标签里的base去掉试一试.

这个跟base没关系吧

gs129090 发表于 2012-10-17 16:45:38

CI与jquery ui没啥关系啊!{:1_1:}

Hex 发表于 2012-10-17 16:47:31

PHP 和 JS 不会互相影响的。

cychai 发表于 2013-6-27 13:59:50

Shengzhi 发表于 2012-10-16 22:31 static/image/common/back.gif
你把head标签里的base去掉试一试.

正解~
使用 base以后,路径变化了。
页: [1]
查看完整版本: CI与jquery ui 冲突?