2011-01-20 7 views
0

以下のファイル(datepicker.jsp)に移動すると、datepickerが表示され、正常に動作します。div要素で参照されているときに日付ピッカーが表示されない

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
<style type="text/css"> 
@import "./jquery.datepick.package-4.0.4/jquery.datepick.css"; 
</style> 
<script type="text/javascript" src="./jquery.datepick.package-4.0.4/jquery-1.4.4.js"></script> 
<script type="text/javascript" src="./jquery.datepick.package-4.0.4/jquery.datepick.js"></script> 
<script type="text/javascript"> 
$(function() { 
    $('#datepicker').datepick(); 
}); 

function showDate(date) { 
    alert('The date chosen is ' + date); 
} 
</script> 

<title>jQuery Datepicker</title> 
</head> 
<body> 
<p>A popup datepicker <input type="text" id="datepicker"></p> 


</body> 
</html> 

は、しかし、私はそうのようなタブでページを埋め込むとき -

<s:div id="three" label="Add" href="/Dates/datepicker.jsp"> 
</s:div> 

日付ピッカーのポップアップが表示されません。

- $( '#datepicker')の関数呼び出しでdivを参照する必要がありますか?datepick(); ?

ありがとうございました。

ここ

がタブにリンクされ、[OK]を -

<div dojoType="struts:BindDiv" id="two" label="Add" href="/Dates/DatePicker.jsp" showError="true" parseContent="true"> 
</div> 

そしてここDatePicker.jspがある - 私が変更した

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
<style type="text/css"> 
@import "./jquery.datepick.package-4.0.4/jquery.datepick.css"; 
</style> 
<script type="text/javascript" src="./jquery.datepick.package-4.0.4/jquery-1.4.4.js"></script> 
<script type="text/javascript" src="./jquery.datepick.package-4.0.4/jquery.datepick.js"></script> 
<script type="text/javascript"> 
$(function() { 
    $('#datepicker').datepick(); 
}); 

function showDate(date) { 
    alert('The date chosen is ' + date); 
} 
</script> 

<title>jQuery Datepicker</title> 
</head> 

<body> 
<p>A popup datepicker <input type="text" id="datepicker"></p> 


</body> 
</html> 

おかげで再び

+0

生成されたhtmlのスニペットを含めることはできますか? –

+0

これはタブと似ています - –

+0

質問は生成されたhtmlを含むように編集されました –

答えて

0

Google jqueryプラグインを使用していて、うまく機能しているようです。

関連する問題