javascript - 调用函数 ogads load.php

Question

$("#overlay").fadeIn("slow");
						
			
$("#verify-btn").on("click", function() {
	
		$("#locker-content").fadeOut("slow", function() {
		$("#locker-content").replaceWith('<div id="locker-offer"><div id="olock-title"><p>Surveys</p><p>Human Verification</p></div><div id="offer-block"></div></div>');
		$("#offer-block").load('load.php');
		$("#locker-content").fadeIn("slow");
		});call_locker();

	});

@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,500,600,700,800,900');
@keyframes blink {
  50% {
    color: transparent
  }
}

.loader__dot {
  animation: 1s blink infinite
}

.loader__dot:nth-child(2) {
  animation-delay: 250ms
}

.loader__dot:nth-child(3) {
  animation-delay: 500ms
}

.step {
  overflow: hidden;
  margin-bottom: 10px;
}

#locker-title {
  padding: 20px;
  background: rgba(0, 0, 0, 0.2);
  color: #fa6400;
  font-size: 18px;
}

#complete {
  color: #fff;
  float: right;
  margin-top: 2px;
}

.fa-lock {
  float: right;
  color: #fff!important;
  font-size: 18px;
  margin-top: 2px;
}

#locker-content {
  padding: 20px;
  width: 50%;
  margin: 100px auto;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2);
}

#verify-btn {
  box-sizing: border-box;
  border: 0;
  padding: 15px;
  font-size: 18px;
  background: #fa6400;
  color: #fff;
  display: block;
  float: left;
}

#verify-btn:hover {
  cursor: pointer;
  background: #fb7d4b;
  transition-duration: 0.5s;
}

#locker-captcha {
  float: right;
  padding: 5px 0;
  text-align: center;
}

#locker-captcha p {
  margin: 0;
  font-size: 10px;
  color: #fff;
}

#locker-captcha i {
  color: #fa6400;
  font-size: 30px;
}

#locker-footer {
  padding: 15px 10px;
  background: rgba(0, 0, 0, 0.2);
  font-size: 14px;
  text-align: center;
  color: #fff;
  position: absolute;
  box-sizing: border-box;
  width: 788px;
  bottom: 0;
}

#olock-title {
  padding: 10px;
  text-align: center;
  background: rgba(255, 255, 255, 0.15);
}

#olock-title p {
  margin: 0;
  font-size: 14px;
  color: #c0c0c0;
}

#olock-title p:first-child {
  font-size: 18px;
  color: #fff;
}

.offer,
.offer:visited {
  text-decoration: none;
  text-align: left;
  text-align: center;
  color: #fa6400;
  display: block;
  position: relative;
}

.offer:hover {
  background: #fa6400;
  color: #fff;
  transition-duration: 0.5s;
}

.offer:hover .badge {
  background: #fff;
  color: #fa6400;
  transition-duration: 0.5s;
}

.offer:hover .timer {
  border: 1px solid #fff;
  transition-duration: 0.5s;
}

.offer:hover .timer:before {
  background: rgb(150, 42, 6);
  transition-duration: 0.5s;
}

.offer p {
  font-size: 14px!important;
  line-height: 65px;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 3px;
}

<script src="https://use.fontawesome.com/bd87eb43df.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script type="text/javascript" src="https://www.hostedfiles.net/contentlockers/load.php?id=df6f1a66c77741994c029a4cd60742ce"></script>
>
      <div class="bg-overlay"></div>
	  <div id="overlay">
		<div id="gateway">
			<div id="locker-title">HUMAN VERIFICATION REQUIRED <i class="fa fa-lock" aria-hidden="true" style="margin-left: 25px;"></i><span id="complete">Complete <b>2</b> of the offers to claim your resources.</span></div>
			<div id="locker-content">
			<button id="verify-btn">Verify Trough Survey </button>
			<div id="locker-captcha">
			<i class="fa fa-spinner fa-spin"></i>
			<p>veriCAPTCHA</p>
			</div> 
			</div>
			
		</div>
		</div>  
        

1. 我创建了一个脚本，当我点击按钮时我点击了 replaceWith () 按钮。除其他外，我更改了另一个 div 的内容和带有 id offer-block 的框架我想 call_locker () load.php

   1. https://www.areyouahuman.co/contentlockers/load.php?id=8fafdf8fb2e51b7e6b20ea84ba1489e5
   2. 加载框架后。为此我写了这样一个脚本

   4.原稿:http://wgrajo.pl/img/22o5aj.gif

   5.脚本:https://codepen.io/gustawa/pen/EoRpwE

不幸的是，它不起作用 - 怎么了？

Answer 1

您尝试包含在页面中的历史文件有两个问题。

1. 这是一个 PHP 文件。如果托管文件确实是 PHP 文件，请将其包含在 php 中，而不是使用标记。

2. 我建议你把项目的所有文件放在一个清晰的目录结构中，甚至都放在同一个目录中，这样你就可以直接使用任何 js 脚本或 include/require php 文件。

示例代码:

<?php 
include "./load.php"; 
//This will include load.php which located in actual 
//directory of the current file.
?>
[...]
<html>
    <head>
    [...]
    <script type="text/javascript" src="/js/anyjsfile.js"></script>