1

JQuery Library のオブジェクト ModalPopup を介して単純なポップアップ ウィンドウを作成しました。シンプルなボタン クリック イベンメントへのイベントです。私の問題は、ポップアップ ウィンドウの「Javascript」が実行されていないことです。ポップアップウィンドウを単純なhtmlページとして開いても、完全に実行されています。

次のコードを使用してポップアップ ウィンドウを作成しました。

$(document).ready(function () {
  //Change these values to style your modal popup

  var align = 'center'; //Valid values; left, right, center
  var top = 100; //Use an integer (in pixels)
  var width = 520; //Use an integer (in pixels)
  var padding = 10; //Use an integer (in pixels)
  var backgroundColor = '#FFFFFF'; //Use any hex code                                                           
  var borderColor = '#333333'; //Use any hex code
  var borderWeight = 4; //Use an integer (in pixels)
  var borderRadius = 5; //Use an integer (in pixels)
  var fadeOutTime = 300; //Use any integer, 0 = no fade
  var disableColor = '#666666'; //Use any hex code
  var disableOpacity = 40; //Valid range 0-100
  var loadingImage = 'images/loading.gif'; //Use relative path from this page
  var source = 'details_company.html';

  //This method initialises the modal popup

  $(".details_company").click(function () {
    modalPopup(align, top, width, padding, disableColor, disableOpacity, backgroundColor, borderColor, borderWeight, borderRadius, fadeOutTime, source, loadingImage);
  });
});

私の悪い英語をお詫びします。

4

2 に答える 2

1

このjquery-uiモーダルフォームの例を見てください。シンプルでわかりやすいです。

于 2012-07-27T04:16:04.417 に答える
0 
$(".details_company").click(function () {
  $("#dialog-modal").dialog({
    height: 140,
    modal: true
  });
});

<div id="dialog-modal" title="Basic modal dialog">
  <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
</div>

これはjquery-uiを使用します

于 2012-07-27T04:01:50.253 に答える