Jquery插件不工作在Facebook靜態HTML選項卡

Question

對於Facebook粉絲頁面我創建了一個靜態html選項卡（https://www.facebook.com/jgsportevents/app_190322544333196），我想要使用鏈接的jquery插件，就像我在客戶端的網站（http://tinyurl.com/c3bfz93）上所做的那樣。鏈式插件位於標籤的基本的script.js，看起來像這樣：用[的script.js]在標籤的index.html文件和jQuery

(function($) { 

$.fn.chained = function(parent_selector, options) { 

    return this.each(function() { 

     /* Save this to self because this changes when scope changes. */    
     var self = this; 
     var backup = $(self).clone(); 

     /* Handles maximum two parents now. */ 
     $(parent_selector).each(function() { 

      $(this).bind("change", function() { 
       $(self).html(backup.html()); 

       /* If multiple parents build classname like foo\bar. */ 
       var selected = ""; 
       $(parent_selector).each(function() { 
        selected += "\\" + $(":selected", this).val(); 
       }); 
       selected = selected.substr(1); 

       /* Also check for first parent without subclassing. */ 
       /* TODO: This should be dynamic and check for each parent */ 
       /*  without subclassing. */ 
       var first = $(parent_selector).first(); 
       var selected_first = $(":selected", first).val(); 

       $("option", self).each(function() { 
        /* Remove unneeded items but save the default value. */ 
        if (!$(this).hasClass(selected) && 
         !$(this).hasClass(selected_first) && $(this).val() !== "") { 
          $(this).remove(); 
        }       
       }); 

       /* If we have only the default value disable select. */ 
       if (1 == $("option", self).size() && $(self).val() === "") { 
        $(self).attr("disabled", "disabled"); 
       } else { 
        $(self).removeAttr("disabled"); 
       } 
       $(self).trigger("change"); 
      }); 

      /* Force IE to see something selected on first page load, */ 
      /* unless something is already selected */ 
      if (!$("option:selected", this).length) { 
       $("option", this).first().attr("selected", "selected"); 
      } 

      /* Force updating the children. */ 
      $(this).trigger("change");    

     }); 
    }); 
}; 

/* Alias for those who like to use more English like syntax. */ 
$.fn.chainedTo = $.fn.chained; 

})(jQuery); 

$("#bestemming").chained("#sport"); /* or $("#series").chainedTo("#mark"); *///   Javascript Document 

而且我打電話選項卡的腳本頁面與http://code.jquery.com/jquery-latest.min.js'>。不幸的是，我無法讓插件像我客戶的網站上那樣工作。

什麼問題？

更新

基於法比奧安棟樑答案我已經改變了代碼。不幸的是它仍然沒有工作。我更改了代碼，但仍然沒有效果。

Answer 1

你jQuery是被封鎖，Facebook的塊每一個來自非安全網址腳本， 所以改變這樣的：

http://code.jquery.com/jquery-latest.min.js

要這樣：

https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js 

一件事你字體也因爲相同的原因被阻止：

http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300 

你只需要改變協議爲HTTPS

https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300 

編輯

你在你的代碼有一個更多的錯誤，你不加載Facebook的JavaScript的正確，使您的應用內觸發一個javascript錯誤，因爲這是你的應用程序將無法運行任何腳本

改變這一點：

<script> 
    FB.init({ 
    appId : 'YOUR_APP_ID', 
    status : true, // check login status 
    cookie : true, // enable cookies to allow the server to access the session 
    oauth : true // enable OAuth 2.0 
    }); 
    FB.Canvas.setAutoResize(); 
</script> 

對此：

<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
Uncaught ReferenceError: FB is not defined 
    appId : 'YOUR_APP_ID', 
    status : true, // check login status 
    cookie : true, // enable cookies to allow the server to access the session 
    oauth : true // enable OAuth 2.0 
    }); 
    FB.Canvas.setAutoResize(); 
    }; 
    // Load the SDK Asynchronously 
     (function(d){ 
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0]; 
     if (d.getElementById(id)) {return;} 
     js = d.createElement('script'); js.id = id; js.async = true; 
     js.src = "//connect.facebook.net/en_US/all.js"; 
     ref.parentNode.insertBefore(js, ref); 
     }(document)); 
</script>