java脚本代码可以在php页面上运行。我必须做什么才能让它在刀片模板上的laravel中工作。我该怎么做呢。看起来JavaScript不工作了。我不确定是什么问题。
<script src="{{url('js/jquery-1.10.2.min.js')}}"></script>
<script src="{{url('js/jquery-migrate-1.2.1.js')}}"></script>
<script src="{{url('js/jHtmlArea-0.7.5.js')}}"></script>
<script src="{{url('jquery.center.min.js')}}"></script>
<script src="{{url('js/jquery.printElement.js')}}"></script>
<script src="{{url('js/jquery.backstretch.min.js')}}"></script>
<script src="{{url('js/jquery.highlight-3.js')}}"></script>
<script src="{{url('js/main.js')}}"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#slideshowx > div:gt(0)").hide();
setInterval(function() {
$('#slideshowx > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshowx');
$('.grid').masonry('layout');
}, 4000);
});
</script>
<STYLE>
</STYLE>
<?php
$number=1;
echo "<DIV ID='slideshowx' STYLE='margin:0px auto;position:relative;width:100%;max- width:540px;padding:0px;border:0px solid #00ff00;'>";
echo "<IMG SRC='images/blank.png' BORDER=0 STYLE='width:100%;border-radius:5px;border:0px solid #AAAAAA;object-fit:fill;'>";
//echo "<DIV STYLE='position:absolute;top:0px;left:0px;right:0px;bottom:0px;border-radius:5px;width:100%;max-width:540px;'><IMG SRC='images/mobilefriendly2.png?t=".time()."' BORDER=0 STYLE='width:100%;max-width:540px;border-radius:5px;border:0px solid #262938;'></DIV>";
$pixs = array_diff(scandir("pixs"), array('..', '.'));
foreach($pixs as $key => $src){
echo "<DIV STYLE='position:absolute;top:0px;left:0px;right:0px;bottom:0px;border-radius:5px;width:100%;max-width:540px;border:0px solid #00FF00;overflow:hidden;'>";
echo "<IMG SRC='pixs/".$src."?t=".time()."' BORDER=0 STYLE='width:100%;border-radius:5/px;border:0px solid #AAAAAA;object-fit:fill;'>";
if ($number % 2 == 0)
//echo "<IMG SRC='images/3uiitte.png' BORDER=0 STYLE='width:100%;object-fit:fill;border-radius:5px;position:absolute;left:0px;top:0px;border:0px solid #DDDDDD;'>";
//else
//echo "<IMG SRC='images/4uiitte.png' BORDER=0 STYLE='width:100%;object-fit:fill;border- radius:5px;position:absolute;left:0px;top:0px;border:0px solid #DDDDDD;'>";
$number++;
echo "</DIV>";
}
print_r($pixs);
echo "</DIV>";
echo "</DIV></DIV>";发布于 2021-09-30 04:00:58
在您的脚本块中,您首先加载jQuery:
<script src="{{url('js/jquery-1.10.2.min.js')}}"></script>然后是最后一个不同的版本:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>选择一个版本并加载它,然后再加载所有其他依赖它的脚本。因为要加载两次,所以在第二次加载之前加载的所有脚本都不起作用。
https://stackoverflow.com/questions/69381747
复制相似问题