显示包含页面内部模式的模式的按钮

时间:2016-12-11 16:40:09

标签: javascript php jquery ajax

如何键入JQuery或Ajax脚本,当我点击(例如)<button>WORLDS</button>时,include页面显示一个模态{/ 1}}。

1 个答案:

答案 0 :(得分:1)

虽然您没有提供任何代码,但我会回答您的问题,希望它能为您提供帮助。您可以使用public function validateSave() { $inputs = Request::all(); $inputs['favicon'] = Request::has('favicon'); $inputs['title'] = Request::has('title'); $inputs['image-optimization'] = Request::has('image-optimization'); QualityCheck::create($inputs); return redirect('/'); } 作为外部页面部分:

&#13;
&#13;
iframe
&#13;
$('button').on('click', function() {
  $('.overlay, .popup').fadeIn();
});
$('.overlay').on('click', function() {
  $('.overlay, .popup').fadeOut();
});
&#13;
.overlay {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
}
.popup {
  background: #fff;
  padding: 20px 20px;
  box-sizing: border-box;
  max-width: 300px;
  width: 100%;
  margin: 50px auto 0px auto;
}
iframe {
  width: 100%;
  height: auto;
}
&#13;
&#13;
&#13;