将脚本从1.7.1迁移到1.9 jQuery(Bootstrap 3)

Migrating scripts from 1.7.1 to 1.9 jQuery (Bootstrap 3)

本文关键字:jQuery Bootstrap 脚本 迁移      更新时间:2023-09-26

我有可以使用jQuery 1.7.1的javascript脚本,但没有使用Bootstrap v3.3.4 附带的1.11.1

代码跨越三个脚本,但这里有一个部分可以切换表中的行:

$('#change-selection').click(function(e){
    e.preventDefault();
    $('.product-choice').toggle();
    $(this).toggleClass('closed');
});

$('.compare th a').click(function(e){   
     e.preventDefault();
    var className='tr.'+$(this).parent().attr('class');
    $(className).toggle();
    $(this).toggleClass('closed');
});

如果我将页面链接到jQuery 1.7.1,在HTML表之间切换也可以,CSS也可以,但Bootstrap下拉导航停止工作(公平地说,Bootstrap需要更高的jQuery版本)。如果我使用Bootstrap附带的jQuery,在HTML表之间切换将停止,表中的CSS也会变得一团糟。上面的代码应该是一个很好的开始,至少可以修复切换。我读到关于jQuery1.9中被弃用的内容,但这还不足以解决这个问题。我用道具替换了attr的一个实例,但这并没有做出任何改变。这段代码是给切换函数带来麻烦吗?还是我应该去别处看看?

感谢

如果必须,您可以在同一页面上有两个或多个版本的jQuery。https://forum.jquery.com/topic/multiple-versions-of-jquery-on-the-same-page