JQuery Мне нужно применить ту же функцию с различными характеристиками

Question

Мне нужно применить функцию jquery три элемента, но с различными функциями, такими как fade in/out, FB.XFBML.parse и т. Д. Я попытался отложить эту функцию. не работаю, и я знаю, что я делаю что-то не так, я могу тебе помочь?

Это код JQuery:

function load(div, of) { 
    $(div).load(of, function() {  
     FB.XFBML.parse(document.getElementById('div-d')); 
     twttr.widgets.load(); 
    }).hide().fadeIn("slow");  
} 

$.getScript("jquery.cycle.all.js", function(data, textStatus, jqxhr) { 
    console.log(data); // Data returned 
    console.log(textStatus); // Success 
    console.log(jqxhr.status); // 200 
    console.log("Load was performed."); 
}); 

options = $.extend(options || {}, { 
    dataType: "script", 
    cache: true, 
    url: url 
}); 

$(document).ready(function(){ 
    $("#Reload").click(function() { 
     $("#result").html("result reloaded successfully"); 
    }); 
}); 

Кнопка 1:

<a href="#inicio" onClick="load('.div-d','road.php')" class="temas-deco-d">ROAD</a> 

Кнопка 2:

<a href="#inicio" onClick="load('.div-d','street.php')" class="temas-deco-d">STREET</a> 

Button3:

<a href="#inicio" onClick="load('.div-d','house.php')" class="temas-deco-d">house</a> 

Кнопка 1 хочу загрузить div без FB.XFBML.parse.

Две кнопки хотите загрузить DIV без fade effect

Я хочу кнопку три НАГРУЗКИ сценарий jquery.cycle.all.js

EDIT с кодом Брайаном:

сценарий:

 function load(div, of) 
{ 
    $(div).load(of, function() { 
}); 
} 
$('.botones-lateral-j').click(function() { 
    var $this = $(this) // cache jquery `this` object so we don't need to reinstantiate it every time we use it 

    var script = $this.data('script'); 
    var target = $this.data('target'); 
    var button = $this.data('button'); 

    console.log(script, target, button); // log data to make sure it's correct, remove before deployment 

    switch (button) { 
     case 'lateral': 
      $(target).load(of, function() {  
       twttr.widgets.load(); 
      }).hide().fadeIn("slow"); 
      break; 
     case 'button2': 
      $(target).load(of, function() {  
       FB.XFBML.parse(document.getElementById('div-d')); 
       twttr.widgets.load(); 
      }).hide(); 
      break; 
     case 'button3': 
      $.getScript("jquery.cycle.all.js", function(data, textStatus, jqxhr) { 
       console.log(data); // Data returned 
       console.log(textStatus); // Success 
       console.log(jqxhr.status); // 200 
       console.log("Load was performed."); 
      }); 
     break; 
    } 
}); 

кнопка:

<a href="#inicio" class="botones-lateral-j" data-script="<?php $_SERVER['DOCUMENT_ROOT']?>/dis/lateral-2.php" data-target="#lateral" data-button="lateral1">SIG</a> 

Я попробовал эффект плавного увеличения громкости, чтобы увидеть, если он удаляет кнопку данных lateral1 Это не работает, даже не изменить DIV :(

Answer 1

EDIT - в том числе прослушиватели событий и использование атрибута data-* вместо скрипта в коммутаторе.

HTML:

<a href="#inicio" class="temas-deco-d" data-script="road.php" data-target=".div-d" data-button="button1">ROAD</a> 
<a href="#inicio" class="temas-deco-d" data-script="street.php" data-target=".div-d" data-button="button2">STREET</a> 
<a href="#inicio" class="temas-deco-d" data-script="house.php" data-target=".div-d" data-button="button3">HOUSE</a> 

JS:

$('.temas-deco-d').click(function() { 
    var $this = $(this) // cache jquery `this` object so we don't need to reinstantiate it every time we use it 

    var script = $this.data('script'); 
    var target = $this.data('target'); 
    var button = $this.data('button'); 

    console.log(script, target, button); // log data to make sure it's correct, remove before deployment 

    switch (button) { 
     case 'button1': 
      $(target).load(script, function() {  
       twttr.widgets.load(); 
      }).hide().fadeIn("slow"); 
      break; 
     case 'button2': 
      $(target).load(script, function() {  
       FB.XFBML.parse(document.getElementById('div-d')); 
       twttr.widgets.load(); 
      }).hide(); 
      break; 
     case 'button3': 
      $.getScript("jquery.cycle.all.js", function(data, textStatus, jqxhr) { 
       console.log(data); // Data returned 
       console.log(textStatus); // Success 
       console.log(jqxhr.status); // 200 
       console.log("Load was performed."); 
      }); 
     break; 
    } 
}); 

Answer 2

Между случаи поставить стиль.

function load(styleType) { 
    switch (styleType) { 
     case "button1": 

     break; 

     case "button2": 

     break; 

     case "button3": 

     break; 
    } 
} 

Не забудьте также указать свои собственные параметры.

Если у вас есть какие-либо вопросы, просто отправьте сообщение.