Jquery 无法在引导选项卡内使用带有lightbox插件的wordpress图像库
编辑:完整的js文件 此时将显示库,但出现以下jQuery错误: 编辑:我刚刚注意到只有当我试图打开一张照片时才会出现错误 错误:语法错误,无法识别的表达式: 上面的url只是一个示例,错误将发生,与使用的图像url无关。 这是有问题的页面 由于这个错误,我不能使用lightbox插件 这是由短代码生成的原始html:Jquery 无法在引导选项卡内使用带有lightbox插件的wordpress图像库,jquery,wordpress,twitter-bootstrap,Jquery,Wordpress,Twitter Bootstrap,编辑:完整的js文件 此时将显示库,但出现以下jQuery错误: 编辑:我刚刚注意到只有当我试图打开一张照片时才会出现错误 错误:语法错误,无法识别的表达式: 上面的url只是一个示例,错误将发生,与使用的图像url无关。 这是有问题的页面 由于这个错误,我不能使用lightbox插件 这是由短代码生成的原始html: 一些文字 #画廊-1{ 保证金:自动; } #画廊-1.画廊项目{ 浮动:左; 边缘顶部:10px; 文本对齐:居中; 宽度:33%; } #画廊-1 img
一些文字
#画廊-1{
保证金:自动;
}
#画廊-1.画廊项目{
浮动:左;
边缘顶部:10px;
文本对齐:居中;
宽度:33%;
}
#画廊-1 img{
边框:2个实心#cfcfcf;
}
#画廊-1.画廊说明{
左边距:0;
}
/*请参见wp includes/media.php中的gallery_shortcode()*/
孔杜莫代罗斯酒店
尝试替换选项卡jQuery以实现以下目的:
if(jQuery('.tabpanel').length > 0){
var tabs = jQuery('<ul>').addClass('nav nav-tabs').attr('role', 'tablist');
var contents = jQuery('<div>').addClass('tab-content');
jQuery('div[data-tab-nome]').each(function(){
var nome = jQuery(this).data('tab-nome');
var nome_clean = nome.replace(/\s+/g, '-').toLowerCase();
var the_a = jQuery("<a>")
.attr('href', '#'+nome_clean)
.attr('aria-controls', nome_clean)
.attr('role','tab')
.data('toggle', 'tab')
.text(nome);
tabs.append(jQuery("<li>").attr('role','presentation').append(the_a));
var the_content = jQuery(this).html();
contents.append(
jQuery('<div>')
.attr('role','tabpanel')
.addClass('tab-pane fade')
.attr('id', nome_clean)
.html(the_content)
);
});
jQuery('.tabpanel').html(tabs).append(contents);
jQuery('.tabpanel .nav').find('li:first').find('a').tab('show');
jQuery('.tabpanel a').click(function (e) {
e.preventDefault()
jQuery(this).tab('show')
})
}
if(jQuery('.tabpanel').length>0){
var tabs=jQuery(“”).addClass('nav nav tabs').attr('role','tablist');
var contents=jQuery(“”).addClass('tab-content');
jQuery('div[data tab nome]')。每个(函数(){
var nome=jQuery(this).data('tab-nome');
var nome_clean=nome.replace(/\s+/g,'-').toLowerCase();
var_a=jQuery(“多亏了
问题在于这段代码:
jQuery('.tabpanel a').click(function (e) {
e.preventDefault()
jQuery(this).tab('show')
})
改为
jQuery('.tabpanel .nav-tabs a').click(function (e) {
e.preventDefault()
jQuery(this).tab('show')
})
该错误适用于选项卡内的所有链接,甚至是图库中的链接!我无法打开附加的图像。你是说?这只是一个例子,我使用的任何图像url都会出现这种情况。我上传了作品,你可以在这里看到,我将此信息放在问题中啊,好的,我很快看到了,我认为这是一个小链接,我的问题!如果你移除选项卡,lightbox就会打开,你遇到的是一个JS不兼容的明显问题。a看看这个:谢谢,很遗憾它不起作用,我想我已经通过使用将真正的jQuery作为$传递来完成了,我将把完整的文件附加到问题上尝试更改加载顺序,例如,在标题上加载一个,在标题上加载另一个页脚。你的问题的根源当然与兼容性有关。在过去,我对谷歌地图和引导选项卡有一个问题,它可能会帮助你:想法是先加载有问题的选项卡,然后尝试这样做。感谢nunorbatista的帮助,我尝试了你建议的方法,但不起作用,所以我尝试更改了一些html兴更简单,然后我看到没有链接会起作用…太好了,你找到了一个解决方案!干杯