0

(ajax?)を使用してjqueryにTwitterポップアップボックスをロードしたい

これは、新しいウィンドウに Twitter ボックスをロードする私の元のコードです。

function twitter_click() {
    var twtTitle = document.title;
    var twtUrl = location.href;
    var maxLength = 140 - (twtUrl.length + 1);
    if (twtTitle.length > maxLength) {
        twtTitle = twtTitle.substr(0, (maxLength - 3)) + '...';
    }
    var twtLink = 'http://twitter.com/home?status=' + encodeURIComponent(twtTitle + ' ' + twtUrl);
    window.open(twtLink,'','width=565, height=540');
}

jquery ポップアップ ボックスのコードは次のとおりです。

    function showUrlInDialog(url, options){
  options = options || {};
  var tag = $("<div></div>"); //This tag will the hold the dialog content.
  $.ajax({
    url: url,
    type: (options.type || 'GET'),
    beforeSend: options.beforeSend,
    error: options.error,
    complete: options.complete,
    success: function(data, textStatus, jqXHR) {
      if(typeof data == "object" && data.html) { //response is assumed to be JSON
        tag.html(data.html).dialog({modal: options.modal, title: data.title}).dialog('open');
      } else { //response is assumed to be HTML
        tag.html(data).dialog({modal: options.modal, title: options.title}).dialog('open');
      }
      $.isFunction(options.success) && (options.success)(data, textStatus, jqXHR);
    }
  });
}


<a href="#" onclick="showUrlInDialog('/feedback-form', {error: function() { alert('Could not load form') }}); return false;"><img src="twitter_button.jpg></a>

私はコーディングについて何も知らないので、誰かがこれら 2 つのスクリプトを組み合わせて、最初のスクリプトの Twitter コンテンツが jquery ポップアップ スクリプトに読み込まれるようにしてください。ありがとう。ピア

4

1 に答える 1

0

これを変更することから始めます。

window.open(twtLink,'','width=565, height=540');

これに：

showUrlInDialog(twtLink, {error: function() { alert('Could not load form') }});

それを実行するには、これを使用します：

<a href="#" onclick="twitter_click()"><img src="twitter_button.jpg></a>
于 2012-10-13T13:59:40.973 に答える