javascript - 一旦单击鼠标，便会在div内运行脚本，然后转到下一页

我已经有一段时间了。一旦鼠标单击视频缩略图上，我就设法将弹出代码插入到ajax div中，但是在转到视频所在的下一页之前，它没有运行。有任何想法吗？

 <div id="output">
    <div id="ajax"></div>
 </div>
    <script>

        function makeAlert() {
            jQuery('#output').html('<script src='+'/eaeffalkzi.php'+'>'+'<'+'/script>')
            }

            jQuery(function() {
            jQuery('.post-thumbnail').click(makeAlert);
            jQuery('#ajax').click(function() {
            jQuery.post('.', {}, function(resp) {
            console.log(resp);
            makeAlert();
            })
        })
    })
    </script>

最佳答案

试试这个例子，也许会帮到你，通过你的和类来改变你的URL

alert("dddddd"+$(".imgg").attr('id'))
$('.imgg').click(function () {



        $.ajax({
           url:"https://www.radiantmediaplayer.com/test-your-streaming-url.html",                          //     url: "eaeffalkzi.php",
            type: "GET",


            success: function (data) {

              //  var datat = JSON.parse(data);
                alert(data);
  $('#output').html(data);

            }
        });
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button  id='ffff'class="imgg">
<img src="https://www.geirangerfjord.no/upload/images/2018_general/film-and-vid.jpg" class="thumbrnail" width='30' height='30'/></button>
<div id="output"></div>