Question

嗨我在js中有一个混乱我在我的网站上调用了很多js版本是什么方法

我在不同页面中这样称呼

<link src="js/jquery.min.js"/>
<link src="js/bootstrap.min.js"/>  
<link src="js/owl.carousel.min.js"/>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link src="js/jquery-1.12.1.min.js"/>

我有滑动日期选择器等。所以如果一个人正在工作，那么休息不起作用

所以我如何让它全部运作

Gallery Slider

<?php
foreach($block->getGalleryImages() as $image){ ?>
    <?php if(!$block->isMainImage($image)):?>
        <img src="<?php //echo $image->getData('medium_image_url') ?>">
    <?php endif; ?>
<?php } ?>

<div class="product-slider">                     

      <?php /* @escapeNotVerified */ $json=$block->getGalleryImagesJson();
        $array = json_decode($json,true);
        foreach($array as $item)
        {
            $imgurl = $item['full'];?>
        <div class="item">
        <img src="<?php echo $imgurl;?>"/>
        </div>      
        <?php }?>

 </div>



<script type="text/javascript">
      $.noConflict();
      $(".product-slider").owlCarousel({
        loop: true,
    margin: 50,
    responsiveClass: true,
    nav: true,
    lazyLoad :true ,
    rewind : false ,
    autoplay: true,
    dots: true,
    navText : ["",""],
    responsive: {
        0: {
            items: 1
        }
        , 768: {
            items: 2
        }
        , 991: {
            items: 1
        }
    }

      });




</script>

日期选择器

<script type="text/javascript">
                            jQuery("#dt1-<?php echo $_product->getId()?>").datepicker({
                                dateFormat: "dd-M-yy",
                                minDate: 0,
                                onSelect: function (date) {
                                    var dt2 = jQuery('#dt2-<?php echo $_product->getId()?>');
                                    var startDate = jQuery(this).datepicker('getDate');
                                    var minDate = jQuery(this).datepicker('getDate');
                                    //dt2.datepicker('setDate', minDate);
                                    startDate.setDate(startDate.getDate() + 30);
                                    //sets dt2 maxDate to the last day of 30 days window
                                    dt2.datepicker('option', 'maxDate', startDate);
                                    dt2.datepicker('option', 'minDate', minDate);
                                    jQuery(this).datepicker('option', 'minDate', minDate);
                                }
                            });
                            jQuery('#dt2-<?php echo $_product->getId()?>').datepicker({
                                dateFormat: "dd-M-yy"
                            });
                    </script>


<input type="text" id="dt1-<?php echo $_product->getId()?>">
                    <input type="text" id="dt2-<?php echo $_product->getId()?>">

Answer 1

1 - 将JavaScript代码从<link />更改为<script />。链接标记用于样式表和脚本标记，以及脚本;

2 - 仅加载JavaScript个库一次;

3 - 检查要加载库/样式表的URL和版本从。我猜你们混合了一些东西。

见下面的例子：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript"src="js/owl.carousel.min.js"></script>

如果您需要加载CSS文件，则应编写以下内容：

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" media="all" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css" media="all" />

与我的网站的JavaScript版本声明

1 个答案: