jQueryによるJSファイルを切り替えたい

Question

jQueryによるJSファイルを切り替えたいのですがうまく行きません。
お分かりの方教えてください。
お願い致します。

jQuery

<script id="js-change" type="text/javascript" src="common1.js"></script>

<script>
jQuery(function($) {
$('#tab-nav .li').click(function () {
var js_change = $('#js-change');
var no = $(this).parent().children().index(this);
switch (no){
case 0:
js_change.attr('src','common1.js');
break;
case 1:
js_change.attr('src','common2.js');
break;
}
});
});
</script>

このようなSwitch文章で切り替えを行なっていまして。
Firebugではうまく切り替えが確認できるのですが、動作してないようなのです。

用途としましては、複数のページデザインをタブに切り替えにより、一つのページにまとめたいという使いかです。
スタイルシートの切り替えはうまくできCSSも効いておりますが、JSファイルはうまく動作しません。

解決方法がありましたらご教授お願い致します。

Comments

[unz.hori]

切り替えが確認できるというのは、jsの内容が入れ替わるという意味でしょうか？

[natsu69]

unz.hori様　質問ありがとうございます。 ファイル名が1から2に切り替わっているということです。

[unz.hori]

どういう目的でjsを切り替えたいのでしょうか？その辺りも記述して頂けるとわかりやすいかと。

[natsu69]

わかりました。ありがとうございます。

Answer 1

実行時点ですでにcommon1.jsが読み込まれてしまっているのでどうしようもありません。

今回は関係ないかもしれませんが、jQueryで動的にスクリプトを読むには
getScript() を使います。
https://api.jquery.com/jQuery.getScript/

$.getScript('common2.js', function(script, textStatus, jqXHR) {
  console.log('success');
});

Answer 2

想像ですが、多分attrを書き換えただけでは上手くいかない気がします。jsを動的に読み込む方法は探してみたらありましたのでこれの応用でやりたいことは実現できないでしょうか？
参考URL