ボタンなどをクリックで読み込み済みのJavascriptを切り替え

Question

ボタンなどをクリックしてすでに読み込み済みのJavascriptを切り替える、または消すことってできますか？また切り替えた時にページのリロードをしないと変わったJavascriptは動かないんでしょうか？

Comments

[oikashinoa]

何のために”読み込み済みのJavascriptを切り替えるまたは消す”事をしたいんです？目的を書いたほうがいいです。切り替える　または　消す　に近い方法もアイディアは有りますが用途に合うかどうかと実際に試してみないと。

[pachiro]

目的としてはJavascriptで作られているスライドショーをリセットかけてコンテンツスライダー形式ではなくてその中に含まれる写真を全て表示したいためです。

[oikashinoa]

それ、質問内容を修正して下さいね。私とあなたしかここの書き込み見えてない可能性が有ります。

[oikashinoa]

あと、目的と手段をごっちゃにしてませんか？どんなスライドショーのライブラリーを使って、どういうコードを書いたか書くと回答があつまります。

[m.ts10806]

両方HTMLに書いて何か（ボタンクリックとかスライドの最後を表示した後とか？）をトリガーに表示非表示切り替えれば済む話ですね。

Answer 1

追加はできてもなかったことにはできません

Answer 2

ボタンを作りクリックで使っていたjsプラグインslickをリセットかけて再度クリックでリロードができました。さらにクリック時にcssを付与することによってスタイルの調節を行いました。

$(function() {
  // ボタンクリックでスライドをリセット
  $('.bt-a').click(function() {
    $('.slider ul').slick('unslick');
	  $(".pri-bt").css( "display", "none" );
	  $(".slide-bt").css( "display", "block" );
	  $(".slider-nav-container").css( "display", "none" );
	  $(".slider li").css({
        "width": "47%",
        "float": "left",
		  "margin": "1.5%",
    });
	  
});


$(function() {
  // ボタンクリックでスライドを復帰
  $('.bt-b').click(function() {
	  $(".pri-bt").css( "display", "block" );
	  $(".slide-bt").css( "display", "none" );
	  $(".slider-nav-container").css( "display", "block" );
	  $('.slider ul').slick({
		arrows: false,
  asNavFor: $slider_nav,
  fade: true,
  waitForAnimate: false,
			adaptiveHeight: true,
	});
	  
  });
});