Question

昨天我的bootstrap工具提示没问题，一切正常，但今天我把这段代码添加到header.php之后：

<!doctype html>  

<!--[if IEMobile 7 ]> <html <?php language_attributes(); ?>class="no-js iem7"> <![endif]-->
<!--[if lt IE 7 ]> <html <?php language_attributes(); ?> class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html <?php language_attributes(); ?> class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html <?php language_attributes(); ?> class="no-js ie8"> <![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html <?php language_attributes(); ?> class="no-js"><!--<![endif]-->

我的工具提示不再显示。我试图删除这个代码，在主机中压缩文件，删除我上次在css中所做的每一个更改 - 没有任何效果。我很难过。它可能是什么？

我的wordpress网站：http://video-walks.ru.com/?page_id=315。我的header.php：

 <!DOCTYPE html>

 <head>
   <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
    <title><?php wp_title('|',true,'right'); ?> <?php bloginfo('name'); ?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" >

    <!-- Le styles -->
    <link href="<?php bloginfo('stylesheet_url');?>" rel="stylesheet" />

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

  <?php wp_enqueue_script("jquery"); ?>



<!-- tooltip enables -->
 <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>


 <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>

            <script type="text/javascript">
              $(document).ready(function () {
                $("a").tooltip({
                  'selector': '',
                  'placement': 'bottom'
                });
                console.log("jimmy");
              });

            </script>



<script type="text/javascript">
              $(document).ready(function () {
                $("span").tooltip({
                  'selector': '',
                  'placement': 'bottom'
                });
                console.log("jimmy");
              });

            </script>


    <?php wp_head(); ?>
  </head>
  <body >

  <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
        <a class="brand"  href="<?php echo site_url(); ?>"><li class="icon-home"> </li><?php bloginfo('name'); ?></a>
        <div class="nav-collapse collapse">
          <ul class="nav">

             <?php wp_list_pages(array('title_li' => '', 'exclude' => 310)); ?>

          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>
  </div>

  <div class="container">

<?php if (! is_front_page()) : ?>


<form action="<?php echo home_url( '/' ); ?>" method="get" class="form-stacked pull-right">
    <fieldset>
        <div class="center">
            <div class="input-append input-prepend">
                  <input type="text" name="s"  id="search" placeholder="<?php _e("Search","bonestheme"); ?>" value="<?php the_search_query(); ?>" /><button type="submit" class="btn  btn-inverse"><i class="icon-search"></i> </button>
            </div>
        </div>
    </fieldset>
</form>

 <?php endif; ?>

Answer 1

Twitter似乎已经移动了工具提示脚本，但它不适用于您的网站。如果您能负担得起的流量，您可以在本地服务：

下载twitter bootstrap。
将twbs-bootstrap-<somebuild>/js/bootstrap-tooltip.js解压缩到服务器上的某个目录（当然是服务器目录）。
将行<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>更改为指向放置脚本的位置。

这应该可能暂时解决您的问题。您可以搜索能够为该文件提供可靠URL的CDN作为长期解决方案。

工具提示不再出现

1 个答案: