2016-09-30 5 views
1

435pxよりも広いcd-words-wrapperクラスでJavascriptを作成しようとしていました。理想的に535px?どんな助けでも大歓迎です!以下は私の後半の応答のため申し訳ありませんイベントJavascriptで435pxの代わりにcd-words-wrapperクラス535pxを作成する方法

function showWord($word, $duration) { 
    if($word.parents('.cd-headline').hasClass('type')) { 
     showLetter($word.find('i').eq(0), $word, false, $duration); 
     $word.addClass('is-visible').removeClass('is-hidden'); 

    } else if($word.parents('.cd-headline').hasClass('clip')) { 
     $word.parents('.cd-words-wrapper').animate({ 'width' : $word.width() + 10 }, revealDuration, function(){ 
      setTimeout(function(){ hideWord($word) }, revealAnimationDelay); 
     }); 
    } 
} 
+0

$ word.parents( '。cd-words-wrapper').css({'width': '535px'}) – Franco

+0

ありがとうございます。私は初心者です。 ;/ – user1760396

答えて

1

を制御コードのセクションですが、私は私の仕事でいくつかの問題がありました。また

function showWord($word, $duration) { 
    if($word.parents('.cd-headline').hasClass('type')) { 
     showLetter($word.find('i').eq(0), $word, false, $duration); 
     $word.addClass('is-visible').removeClass('is-hidden'); 

    } else if($word.parents('.cd-headline').hasClass('clip')) { 
     $word.parents('.cd-words-wrapper').css({'width':'535px'}); 
     $word.parents('.cd-words-wrapper').animate({ 'width' : $word.width() + 10 }, revealDuration, function(){ 
      setTimeout(function(){ hideWord($word) }, revealAnimationDelay); 
     }); 
    } 
} 

しかし、次のことができます。

あなたが行うことができます:あなたがチェーン(またはしない)あなたのメソッドセレクタ、ここにあなたのためにこれを明確にするには、連鎖することなく、一例であることができjquery

次の操作を行います。

function showWord($word, $duration) { 
     if($word.parents('.cd-headline').hasClass('type')) { 
      showLetter($word.find('i').eq(0), $word, false, $duration); 
      $word.addClass('is-visible').removeClass('is-hidden'); 

     } else if($word.parents('.cd-headline').hasClass('clip')) { 

      $word.parents('.cd-words-wrapper').css({'width':'535px'}).animate({ 'width' : $word.width() + 10 }, revealDuration, function(){ 
       setTimeout(function(){ hideWord($word) }, revealAnimationDelay); 
      }); 
     } 
    } 

注:私はあなたのコードの残りの部分をチェックしていませんでしたが正しく動作しているのが正しいですが、あなたがそれを要求しませんので、私は考えますそうです。

実際にjqueryを学習したい場合は、初心者向けのチュートリアルを検索してください。すぐに学習してください。

私はこれがあなたを助けてくれることを願っています。

+0

もう一度ありがとうございます。私は両方を試みたが、愛はなかった。私はすでに1日か2日前にjQueryクラスを開始しました。ここでは、ベータ版のプロジェクトへのリンクです> http://oz2digital.com/UMHC/ You'ii Chromeで、回転の最後の単語が幅のために下に押し込まれ、CSSをスクリプトをちょうど下に調整するとコンテナのサイズを変更します。あなたの助けにTahnk! – user1760396

関連する問題