Drupal 7 开发内部培训资料, 分头诗人

标签代码被处理成锚点

赞成!
0
否决!

在网上找到一个主题模板,演示地址如下 演示地址

在演示模板里给出了一些 设置标签的代码

比如

<ul class="nav nav-tabs" id="myTab">
	<li class="active"><a href="#home" data-toggle="tab">Home</a></li>
	<li><a href="#profile" data-toggle="tab">Profile</a></li>
	<li><a href="#messages" data-toggle="tab">Messages</a></li>
	<li><a href="#settings" data-toggle="tab">Settings</a></li>
</ul>
 
<div class="tab-content">
	<div class="tab-pane active" id="home">...</div>
	<div class="tab-pane" id="profile">...</div>
	<div class="tab-pane" id="messages">...</div>
	<div class="tab-pane" id="settings">...</div>
</div>	

这段代码就是加一个四个标签栏的内容

但是我复制到我的页面之后外观没有区别,但是单击标签不会显示该标签的内容

而且我感觉我在单击标签的时候把 # 处理成寻找锚点了,

因为我现在的网站完全是按照这个主题说明配置的,而且对比了我的模块与演示网站的模块(我在本地配置了演示网站)

开启的模块全都一样

 

现在的问题是这个主题模板提供的所有带有#代码定义的类似标签我都无法使用

我才接触drupal3个月时间较短,希望得到大家的指导

谢谢

6 个回答

赞成!
1
否决!

你的演示地址上,没看到有井号的引用啊?

首先锚点就是用井号的,所以默认情况下,你这个html代码是用锚点方式,

如果你是用了第三方的js控制锚点变成其他标签方式的话,那么估计就是你引用js 错误了。检查一下是否引用第三方js有错误。

赞成!
1
否决!

分头诗人,谢谢您的解答

根据您的回答我再次仔细对比 我所编辑的页面与演示网站的编辑页面

没有差别

我是直接从演示网站编辑模式复制过来的代码,pure html和full html源代码模式也都试了个遍

演示网站也没有引用css或者js的提示

按照您说的,是否drupal可以在某个设置选项里设置全网站的js引用或者改变某些符号的意义

另外:我网站的js与css与演示网站也完全相同

问题是出在哪里....

谢谢

赞成!
0
否决!

这个页面有许多 各种标签的样式,并给出代码,我就是复制自这个页面

链接

赞成!
0
否决!

额,上一个链接失效了

首页菜单最后一项(Features)——下拉菜单第四个(Theme  Components)

这个页面

赞成!
0
否决!

这很明显是js控制的,可能关系的有:

1:

<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, {"basePath":"\u002Ficompany\u002Fdefault\u002F", "pathPrefix":"", "ajaxPageState":{"theme":"icompany", "theme_token":"X2NZeg84VONlhTQsLZxNY9uXt1VJRUV-29abEVk3ABI", "js":{"sites\u002Fall\u002Fthemes\u002Ficompany\u002Fjs\u002Fbootstrap.js":1, "sites\u002Fall\u002Fmodules\u002Fjquery_update\u002Freplace\u002Fjquery\u002F1.7\u002Fjquery.min.js":1, "misc\u002Fjquery.once.js":1, "misc\u002Fdrupal.js":1, "sites\u002Fall\u002Fthemes\u002Ficompany\u002Fjs\u002FhoverIntent.js":1, "sites\u002Fall\u002Fthemes\u002Ficompany\u002Fjs\u002Fsuperfish.js":1, "sites\u002Fall\u002Fthemes\u002Ficompany\u002Fjs\u002Ftinynav.js":1, "sites\u002Fall\u002Fthemes\u002Ficompany\u002Fjs\u002Fjquery.colorbox-min.js":1}, "css":{"modules\u002Fsystem\u002Fsystem.base.css":1, "modules\u002Fsystem\u002Fsystem.menus.css":1, "modules\u002Fsystem\u002Fsystem.messages.css":1, "modules\u002Fsystem\u002Fsystem.theme.css":1, "sites\u002Fall\u002Fmodules\u002Fsimplenews\u002Fsimplenews.css":1, "modules\u002Fcomment\u002Fcomment.css":1, "modules\u002Ffield\u002Ftheme\u002Ffield.css":1, "modules\u002Fnode\u002Fnode.css":1, "modules\u002Fsearch\u002Fsearch.css":1, "sites\u002Fall\u002Fmodules\u002Fubercart\u002Fuc_order\u002Fuc_order.css":1, "sites\u002Fall\u002Fmodules\u002Fubercart\u002Fuc_product\u002Fuc_product.css":1, "sites\u002Fall\u002Fmodules\u002Fubercart\u002Fuc_store\u002Fuc_store.css":1, "modules\u002Fuser\u002Fuser.css":1, "modules\u002Fforum\u002Fforum.css":1, "sites\u002Fall\u002Fmodules\u002Fviews\u002Fcss\u002Fviews.css":1, "sites\u002Fall\u002Fmodules\u002Fctools\u002Fcss\u002Fctools.css":1, "sites\u002Fall\u002Fthemes\u002Ficompany\u002Fcss\u002Fbootstrap.css":1, "sites\u002Fall\u002Fthemes\u002Ficompany\u002Fcss\u002Fsuperfish.css":1, "sites\u002Fall\u002Fthemes\u002Ficompany\u002Fstyle.css":1, "sites\u002Fall\u002Fthemes\u002Ficompany\u002Fcss\u002Fcolorbox.css":1}}, "jcarousel":{"ajaxPath":"\u002Ficompany\u002Fdefault\u002Fjcarousel\u002Fajax\u002Fviews"}});
//--><!]]>
</script>

2:

<script type="text/javascript">  
(function ($) {
  $(document).ready(function () {  
    $("[rel=tooltip]").tooltip();  
    $('.carousel').carousel()
    $("a[rel=popover]").popover();
  }); 
   
})(jQuery);
</script>

3:

.dropdown-submenu:hover > a, 
	.jcarousel-next-vertical, .jcarousel-prev-vertical, 
	#highlighted_2, .round-number, .btn.btn-plain, #bottom-region, #logocontainer img, .btn.node-add-to-cart, 
	.btn.node-add-to-cart:hover, .node-product .product-title     {
		background-color: #529228  ;

 

另外 drupal需要把 $ 替换为 jQuery

赞成!
0
否决!

Bootstrap  使用的是这个主题框架制作的,https://drupal.org/project/bootstrap  这是drupal的,
http://v3.bootcss.com/javascript