JQuery Plugin - Redirect Timer Bugging out

Question

私は現在、リダイレクトタイマー用のjQueryプラグインを作成しています。

機能していない部分は、タイマーをカスタマイズできるように全体のスタイルを設定することも考えられます。時間はうまくいくが、何らかの理由で他のものはない。

私はスタイル、秒数、およびこのようなリダイレクトURLのデフォルトを使用するwan't：

$('#redirect').redirect({ 
      'Seconds': '15', 
      'Redirect_URL': 'http://google.com', 
      'Button_Value': 'Hi', 
      'Button_Position': 'right', 
      'Number_Color': 'red', 
      'Number_Size': '35', 
      'Redirect_Box_Padding': '23', 
      'Redirect_Box_Radius': '10', 
      'Button_Border_Width': '1', 
      'Button_Border_Line_Type': 'solid', 
      'Button_Padding': '12', 
      'Button_Radius': '13',    
      'Loading_IMG' : 'http://moviereviews.com/images/loading_button3.gif' 
     },500); 
    }); 

私は私が考える個人的にJSフィドルコードエディタにあなたのリンクを提供します皆さんがコードを知り、問題を見つけることは簡単です。あなたがこの問題を解決する答えを得たら、感謝します！

http://jsfiddle.net/gWNSj/

注：その後、私はそれを読むことができる文句を言わないので、全体のコード全体を再配置しないでくださいと私は完全に最良の答えとして、それを選択します。

おかげで、
ショーン

Answer 1

あなたは、残念ながら//Do not edit beyond this point線以下であるほとんどがあなたのコードを持ついくつかの問題があります。あなたの問題を最も直接的に引き起こしているのは、ボタンをクリックするまでグローバル変数が初期化されないということですが、DOMが準備できたらHTML /スタイルシートを構築するために使用されます。 ChromeデバッガまたはFirebugを使用している場合、スタイルシートにはいくつかの未定義の値があることがわかります。変数がまだ設定されていないため、クリックしたボタンは「未定義」と呼ばれます。

プラグイン自体に$（foo）.redirect（）が呼び出されたときにhtmlを追加し、指定されたオプションを使用してスタイルを設定したいと思うかもしれません。別のクリックハンドラを追加してカウントダウンを実行する代わりに、実際のリダイレクト機能をプラグインの中に配置する必要があります。