0

昨天我的引导工具提示还可以，一切正常，但是今天，在我将此代码添加到 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; ?>
4

1 回答 1

1

看来 twitter 已经移动了工具提示脚本，并且它不适用于您的网站。如果你负担得起流量，你可以在本地提供它：

  1. 下载推特引导程序。
  2. 解压twbs-bootstrap-<somebuild>/js/bootstrap-tooltip.js到服务器上的某个目录（当然是 serverd）。
  3. 更改该行<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>以指向您放置脚本的位置。

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

于 2013-08-11T17:24:09.483 回答