-3

内部リンクをロードする機能があります。機能は、1 つのことを除いて正常に動作します。リンクをクリックすると、コンテンツの幅が変更され、小さくなります。どうしてか分かりません。

{
$(function() {
 $(".home li.home").removeClass("home").addClass("current_page_item");
 $("#column-warp").append("<img src='/images/ajax-loader.gif' id='ajax-loader'>");

  var $mainContent = $("#content"),
  URL ='',
  siteURL = "http://" + top.location.host.toString(),
  $internalLinks = $('a[href^="' + siteURL + '"]'),
  hash = window.location.hash,
  $ajaxSpinner = $("#ajax-loader"),
  $el, $allLinks = $("a");

  if (hash){
  $ajaxSpinner.fadeIn();
  $mainContent.animate({ opacity: "0.1" });
  $(".current_page_item").removeClass("current_page_item");
  $('a[href="' + hash + '"]').addClass("current_link").parent().addClass("current_page_item");
  hash = hash.substring(1);
  URL = hash + ".entry-content";
  $mainContent.load(URL, function(){
  $ajaxSpinner.fadeOut();
  $mainContent.animate({ opacity: "1" });
  });
 }

  $internalLinks.each(function () {
  $(this).attr("href", "#" + this.pathname);
  }).click(function() {
  $ajaxSpinner.fadeIn();
  $mainContent.animate({ opacity: "0.1" });
  $el = $(this);
  $(".current_page_item").removeClass("current_page_item");
  $allLinks.removeClass("current_link");
  URL = $el.attr("href").substring(1);
  URL = URL + " #content";
  $mainContent.load(URL,function(){
  $el.addClass("current_link").parent().addClass("current_page_item");
  $ajaxSpinner.fadeOut();
  $mainContent.animate({ opacity: "1" });
  });
  });



    });
 })(jQuery);

ここでこれをテストできます

4

1 に答える 1

1

を置き換える代わりに#content、ajax 呼び出しから新しいものを返しています。したがって、#content要素をネストしています。

PHP 側を (<div id="comment">結果から削除して) 変更するか、Javascript 側を#content内容を変更する代わりに置換して変更します。

于 2013-10-20T19:41:42.237 に答える