1

現在、私のプロジェクトページでは、ページのセクションの1つにjQuerydatepickerインラインが配置されています。以下のコードは、同じことを実現するために使用されます。

<link rel="stylesheet" href="~/Scripts/Calendar/jquery-ui-1.10.1.custom.css">
<script src="~/Scripts/Calendar/jquery-1.9.1.js"></script>
<script src="~/Scripts/Calendar/jquery-ui-1.10.1.custom.js"></script>
<script>
$(document).on("change", "#datepicker", function () {
    var date = $(this).val();
    $( "#dialog" ).dialog();
});
</script>

// The below section is in one of the sections
<div id="datepicker" style="font: 80% 'Trebuchet MS', sans-serif;"></div>
<script>
    $("#datepicker").datepicker();
</script>
.
.
.
<div id="dialog-modal" title="Basic modal dialog">
   <p>Adding the modal overlay screen.</p>
 </div>

ここで、ユーザーが特定の日付をクリックしたときに、情報を含むjQueryダイアログを表示する必要があります。

さて私はダイアログを呼び出そうとしました

$(document).on("change", "#datepicker", function () {
    var date = $(this).val();
    $( "#dialog" ).dialog();
});

ただし、オブジェクトはプロパティまたはメソッドダイアログをサポートしていないため、エラーが表示されます。

どんな体でも私を正しい方向に向けることができますか？

ありがとうございました

4

2 に答える 2

1

このフィドルを見て、これが役立つかどうかを確認してください。

http://jsfiddle.net/qqabC/

 $("#datepicker").datepicker();

$("#datepicker").change(function(){
     var date = $(this).val();
    $('<div>' + date + '</div>').dialog();
});
于 2013-03-18T04:15:12.930 に答える
0

jquery２回入れていると思います。とjquery-1.9.1.js他のいくつかのjquery-1.x.x.jsスクリプトファイルが含まれている、または同じjquery-1.9.1.js2回目すべてが最初のインスタンスにプラグインされているようで、最後のインクルードオーバーライドがあります$。そのため、このエラーメッセージが表示されます。

もう一度確認してください。

また $j = jQuery.noConflict();、競合を避けるためにスクリプトタグに含めてください！

于 2013-03-18T04:11:23.627 に答える