Drupal更改Javascript字符集并删除元素
当我通过Drupal运行脚本时,Javascript似乎被修改了。我在页面上使用jQuery1.9.1运行Bootstrap,并且使用严格的doctype。此特定脚本为引导转盘创建导航。有人知道为什么会发生这种情况吗: 原始代码:Drupal更改Javascript字符集并删除元素,javascript,drupal,twitter-bootstrap,character-encoding,Javascript,Drupal,Twitter Bootstrap,Character Encoding,当我通过Drupal运行脚本时,Javascript似乎被修改了。我在页面上使用jQuery1.9.1运行Bootstrap,并且使用严格的doctype。此特定脚本为引导转盘创建导航。有人知道为什么会发生这种情况吗: 原始代码: <script type="text/javascript" charset="utf-8"> $(document).ready(function() { $('.caro
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('.carousel[id]').each(function() {
//For each carousel on the page, create this HTML
var html = '<div class="nav-collapse collapse" data-target="' + $(this).attr('id') + '"><ul class="nav">';
for(var i = 0; i < $(this).find('.item').size(); i ++) {
html += '<li';
if(i == 0) {
html += ' class="active"';
}
var item = $(this).find('.item').get(i);
html += '><a href="#">' + $(item).attr('data-title') + '</a></li>';
}
html += '</ul></li>';
$('.btn-navbar').after(html);
$('.carousel-control.left[href="#' + $(this).attr('id') + '"]').hide();
}).bind('slid', function(e) {
var nav = $('.nav-collapse[data-target="' + $(this).attr('id') + '"] ul');
var index = $(this).find('.item.active').index();
var item = nav.find('li').get(index);
nav.find('li.active').removeClass('active');
$(item).addClass('active');
if(index == 0) {
$('.carousel-control.left[href="#' + $(this).attr('id') + '"]').fadeOut();
} else {
$('.carousel-control.left[href="#' + $(this).attr('id') + '"]').fadeIn();
}
if(index == nav.find('li').size() - 1) {
$('.carousel-control.right[href="#' + $(this).attr('id') + '"]').fadeOut();
} else {
$('.carousel-control.right[href="#' + $(this).attr('id') + '"]').fadeIn();
}
});
$('.nav a').bind('click', function(e) {
var index = $(this).parent().index();
var carousel = $('#' + $(this).closest('.nav-collapse').attr('data-target'));
carousel.carousel(index);
e.preventDefault();
});
});
</script>
$(文档).ready(函数(){
$('.carousel[id]')。每个(函数(){
//对于页面上的每个旋转木马,创建此HTML
var html='';
对于(var i=0;i<$(this).find('.item').size();i++){
html+='';
}
html+='
';
$('.btn navbar')。在(html)之后;
$('.carousel control.left[href=“#'+$(this.attr('id')+'“]).hide();
}).bind('slided',函数(e){
var nav=$('.nav collapse[data target=“'+$(this.attr('id')+'“]ul');
var index=$(this.find('.item.active').index();
var item=nav.find('li').get(索引);
导航查找('li.active')。删除类('active');
$(item.addClass('active');
如果(索引==0){
$('.carousel control.left[href=“#'+$(this.attr('id')+'“]).fadeOut();
}否则{
$('.carousel control.left[href=“#'+$(this.attr('id')+'“]).fadeIn();
}
if(index==nav.find('li').size()-1){
$('.carousel control.right[href=“#'+$(this.attr('id')+'“]).fadeOut();
}否则{
$('.carousel control.right[href=“#'+$(this.attr('id')+'“]).fadeIn();
}
});
$('.nav a').bind('click',函数(e){
var index=$(this.parent().index();
var carousel=$('#'+$(this).closest('.nav collapse').attr('data-target'));
转盘。转盘(索引);
e、 预防默认值();
});
});
Drupal之后生成的源代码(错误在代码中标记):
$(文档).ready(函数(){
$('.carousel[id]')。每个(函数(){
//对于页面上的每个旋转木马,创建此HTML
var html='';
for(var i=0;i$(this).find('.item').size();i++){//<替换<原始代码:for(var i=0;i$(this).find('.item').size();i++){
html+='';///删除原始代码:html+='>';
}
html+='$(this.find('.item').size();i++){
i>$(this)
应该是i!=$(this)
我的错误在for循环中:
for(var i=0;i>$(this).find('.item').size();i++){
i>$(这个)
应该是i!=$(这个)
你可能在Drupal SE网站上运气更好:谢谢。我也在那里发布了。
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('.carousel[id]').each(function() {
//For each carousel on the page, create this HTML
var html = '<div class="nav-collapse collapse" data-target="' + $(this).attr('id') + '"><ul class="nav">';
for(var i = 0; i < $(this).find('.item').size(); i ++) { ///< replaces < Original Code: for(var i = 0; i < $(this).find('.item').size(); i ++) {
html += '<li';
if(i == 0) {
html += ' class="active"';
}
var item = $(this).find('.item').get(i);
html += '><a href="#">' + $(item).attr('data-title') + '</a>'; ///removed </li> Original Code: html += '><a href="#">' + $(item).attr('data-title') + '</a>';
}
html += '</li';></ul>'; ///adds semicolon and reverses </ul></li> order Original Code: html += '</ul></li>';
$('.btn-navbar').after(html);
$('.carousel-control.left[href="#' + $(this).attr('id') + '"]').hide();
}).bind('slid', function(e) {
var nav = $('.nav-collapse[data-target="' + $(this).attr('id') + '"] ul');
var index = $(this).find('.item.active').index();
var item = nav.find('li').get(index);
nav.find('li.active').removeClass('active');
$(item).addClass('active');
if(index == 0) {
$('.carousel-control.left[href="#' + $(this).attr('id') + '"]').fadeOut();
} else {
$('.carousel-control.left[href="#' + $(this).attr('id') + '"]').fadeIn();
}
if(index == nav.find('li').size() - 1) {
$('.carousel-control.right[href="#' + $(this).attr('id') + '"]').fadeOut();
} else {
$('.carousel-control.right[href="#' + $(this).attr('id') + '"]').fadeIn();
}
});
$('.nav a').bind('click', function(e) {
var index = $(this).parent().index();
var carousel = $('#' + $(this).closest('.nav-collapse').attr('data-target'));
carousel.carousel(index);
e.preventDefault();
});
});
</div></script> ///adds closing div tag