Jquery Oembedの独自のハンドラを使用

Question

URLから埋め込みを動的に読み込むために自分の関数（$(document).ready()が好きではない）を使用しようとしています。

私はこのようにしようとしている：

function video(donde,url) { 
    $("#"+donde).oembed(url); 
    return false; 
} 

と使用の例は次のようになります。

<div class="texto"> 
    [my title] 
    <span style="float: right;"> 
     <img onclick="video('video68084','http://www.youtube.com/watch?v=ORZTCQjAuZY');" src="http://i1.ytimg.com/vi/ORZTCQjAuZY/default.jpg" alt="preview" onerror="this.src='images/linket.png';" class="caja_con_sombra" style="width: 80px; height: 60px;"> </span> 
    <div style="float: left; width: 76%;"> 
     [my description] 
    </div> 
    <div id="video68084"></div> 
</div> 

ジャンプどちら：

b.type is not a function 
[Interrumpir en este error] b.ready);var j=false;try{j=E.frameElem...ow(j))return false;if(j.constructor&& 

にOnclick・ビア放火犯 :(

私は行方不明の何かアイデア？エラーソースファイルがjquery.min.jsです：S

Answer 1

あなたは何が不足していない、あなたはのoEmbedプラグインのバグを発見しました。ニースの発見は、多分あなたは、品質保証に将来のキャリアを持っている:)のoEmbedとjQueryが.typeを使用したいが、jQueryのは、それは、独自の機能.typeを望んでいるのoEmbedの文字列.typeで終わるされ、両方のよう

が見えます。

oembed pluginはjQueryの-1.4.3のようにjQuery-1.3.2が、休憩して正常に動作します。

あなたはこのjsfiddleからのoEmbedプラグインの機能バージョンを引くことができます：http://jsfiddle.net/ambiguous/ZVhUn/1/

この問題はreported several timesとなっているが、のoEmbed著者は聴いていないようです。あなたがそれをしたい場合はここでプラグインの固定されたバージョンがあります：

(function($) { 
    $.fn.oembed = function(url, options, callback) { 

     options = $.extend(true, $.fn.oembed.defaults, options); 

     return this.each(function() { 

      var container = $(this), 
       resourceURL = (url != null) ? url : container.attr("href"), 
       provider; 

      if (!callback) callback = function(container, oembed) {    
       $.fn.oembed.insertCode(container, options.embedMethod, oembed); 
      }; 

      if (resourceURL != null) { 
       provider = getOEmbedProvider(resourceURL); 

       if (provider != null) {       
        provider.params = getNormalizedParams(options[provider.name]) || {}; 
        provider.maxWidth = options.maxWidth; 
        provider.maxHeight = options.maxHeight;           
        provider.embedCode(container, resourceURL, callback); 
        return; 
       } 
      } 

      callback(container, null); 
     }); 
    }; 

    // Plugin defaults 
    $.fn.oembed.defaults = { 
     maxWidth: null, 
     maxHeight: null, 
     embedMethod: "replace" // "auto", "append", "fill" 
    }; 

    $.fn.oembed.insertCode = function(container, embedMethod, oembed) { 
     if (oembed == null) 
      return; 
     switch(embedMethod) 
     { 
      case "auto":     
       if (container.attr("href") != null) { 
        $.fn.oembed.insertCode(container, "append", oembed); 
       } 
       else { 
        $.fn.oembed.insertCode(container, "replace", oembed); 
       }; 
       break; 
      case "replace":  
       container.replaceWith(oembed.code); 
       break; 
      case "fill": 
       container.html(oembed.code); 
       break; 
      case "append": 
       var oembedContainer = container.next(); 
       if (oembedContainer == null || !oembedContainer.hasClass("oembed-container")) { 
        oembedContainer = container 
         .after('<div class="oembed-container"></div>') 
         .next(".oembed-container"); 
        if (oembed != null && oembed.provider_name != null) 
         oembedContainer.toggleClass("oembed-container-" + oembed.provider_name);   
       } 
       oembedContainer.html(oembed.code);     
       break;    
     } 
    }; 

    $.fn.oembed.getPhotoCode = function(url, data) { 
     var alt = data.title ? data.title : ''; 
     alt += data.author_name ? ' - ' + data.author_name : ''; 
     alt += data.provider_name ? ' - ' +data.provider_name : ''; 
     var code = '<div><a href="' + url + '" target="_blank"><img src="' + data.url + '" alt="' + alt + '"/></a></div>'; 
     if (data.html) 
      code += "<div>" + data.html + "</div>"; 
     return code; 
    }; 

    $.fn.oembed.getVideoCode = function(url, data) { 
     var code = data.html; 
     return code; 
    }; 

    $.fn.oembed.getRichCode = function(url, data) { 
     var code = data.html; 
     return code; 
    }; 

    $.fn.oembed.getGenericCode = function(url, data) { 
     var title = (data.title != null) ? data.title : url, 
      code = '<a href="' + url + '">' + title + '</a>'; 
     if (data.html) 
      code += "<div>" + data.html + "</div>"; 
     return code; 
    }; 

    $.fn.oembed.isAvailable = function(url) { 
     var provider = getOEmbedProvider(url); 
     return (provider != null); 
    }; 

    /* Private Methods */ 
    function getOEmbedProvider(url) { 
     for (var i = 0; i < providers.length; i++) { 
      if (providers[i].matches(url)) 
       return providers[i]; 
     } 
     return null; 
    } 

    function getNormalizedParams(params) { 
     if (params == null) 
      return null; 
     var normalizedParams = {}; 
     for (var key in params) { 
      if (key != null) 
       normalizedParams[key.toLowerCase()] = params[key]; 
     } 
     return normalizedParams; 
    } 

    var providers = [ 
     new OEmbedProvider("fivemin", "5min.com"), 
     new OEmbedProvider("amazon", "amazon.com"), 
     new OEmbedProvider("flickr", "flickr", "http://flickr.com/services/oembed", "jsoncallback"),  
     new OEmbedProvider("googlevideo", "video.google."), 
     new OEmbedProvider("hulu", "hulu.com"), 
     new OEmbedProvider("imdb", "imdb.com"), 
     new OEmbedProvider("metacafe", "metacafe.com"), 
     new OEmbedProvider("qik", "qik.com"), 
     new OEmbedProvider("revision3", "revision3.com"), 
     new OEmbedProvider("slideshare", "slideshare.net"), 
     new OEmbedProvider("twitpic", "twitpic.com"), 
     new OEmbedProvider("viddler", "viddler.com"), 
     new OEmbedProvider("vimeo", "vimeo.com", "http://vimeo.com/api/oembed.json"), 
     new OEmbedProvider("wikipedia", "wikipedia.org"), 
     new OEmbedProvider("wordpress", "wordpress.com"), 
     new OEmbedProvider("youtube", "youtube.com"), 
     new OEmbedProvider("vids.myspace.com", "vids.myspace.com", "http://vids.myspace.com/index.cfm?fuseaction=oembed"), 
     new OEmbedProvider("screenr", "screenr.com", "http://screenr.com/api/oembed.json") 
    ]; 

    function OEmbedProvider(name, urlPattern, oEmbedUrl, callbackparameter) { 
     this.name = name; 
     this.urlPattern = urlPattern; 
     this.oEmbedUrl = (oEmbedUrl != null) ? oEmbedUrl : "http://oohembed.com/oohembed/"; 
     this.callbackparameter = (callbackparameter != null) ? callbackparameter : "callback"; 
     this.maxWidth = 500; 
     this.maxHeight = 400; 

     this.matches = function(externalUrl) { 
      // TODO: Convert to Regex 
      return externalUrl.indexOf(this.urlPattern) >= 0; 
     }; 

     this.getRequestUrl = function(externalUrl) { 

      var url = this.oEmbedUrl; 

      if (url.indexOf("?") <= 0) 
       url = url + "?"; 
      else 
       url = url + "&"; 

      var qs = ""; 

      if (this.maxWidth != null && this.params["maxwidth"] == null) 
       this.params["maxwidth"] = this.maxWidth;     

      if (this.maxHeight != null && this.params["maxheight"] == null) 
       this.params["maxheight"] = this.maxHeight; 

      for (var i in this.params) { 
       // We don't want them to jack everything up by changing the callback parameter 
       if (i == this.callbackparameter) 
        continue; 

       // allows the options to be set to null, don't send null values to the server as parameters 
       if (this.params[i] != null) 
        qs += "&" + escape(i) + "=" + this.params[i]; 
      }    


      url += "format=json&url=" + escape(externalUrl) +    
        qs + 
        "&" + this.callbackparameter + "=?"; 

      return url; 
     }; 

     this.embedCode = function(container, externalUrl, callback) { 

      var request = this.getRequestUrl(externalUrl); 

      $.getJSON(request, function(data) { 

       var code, type = data.type; 
       var oembed = $.extend({ }, data); 

       switch (type) { 
        case "photo": 
         oembed.code = $.fn.oembed.getPhotoCode(externalUrl, data); 
         break; 
        case "video": 
         oembed.code = $.fn.oembed.getVideoCode(externalUrl, data); 
         break; 
        case "rich": 
         oembed.code = $.fn.oembed.getRichCode(externalUrl, data); 
         break; 
        default: 
         oembed.code = $.fn.oembed.getGenericCode(externalUrl, data); 
         break; 
       } 

       callback(container, oembed); 
      }); 
     }; 
    } 
})(jQuery); 

唯一の変化は、私は、ファイルの一番下にthis.embedCodeにvar oembed = $.extend({ }, data);でvar oembed = $.extend(data);を置き換えることです。私は非常によく理解していないことを認めざるを得ないので、あなたがそれを行うので、私の場合には、あなたのコードは、私の解決策がある場合