文章/答案/技术大牛

发布

社区首页 >问答首页 >在网页中更改Jquery脚本

问在网页中更改Jquery脚本
EN

Stack Overflow用户

提问于 2016-03-13 19:44:17

回答 1查看 65关注 0票数 0

我曾尝试刷新网页中的jquery脚本。也就是说，通过选择下拉控件来更改各种jquery版本脚本。

我尝试了下面的方法来更改jquery版本，但它不起作用

//This is how the script referred at initial load     
<script id="jqlink" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

我用不同的jquery版本渲染了一个下拉列表作为它的数据源，当我选择下拉值时，它需要改变脚本的src值，然后需要根据选择的jquery CDN处理网页。

function changeJQ(version){
   $("#jqlink").attr("src", "https://cdnjs.cloudflare.com/ajax/libs/jquery/" + version + "/jquery.min.js")
}

是否需要重新加载页面或执行此功能所需的任何操作？

jquery

html

回答 1

Stack Overflow用户

发布于 2016-03-13 20:08:38

试试这段代码。并在inspect元素执行后对其进行检查。如果你有任何疑问，请告诉我

了解如何调用函数来更改jquery版本，

您也可以通过单击某个按钮来调用该函数。像这样

<html>
    <head>   
        <script id="jqlink" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    </head>
    <body>     
        <input type="text" name="version" id="version"/>
        <button type="button" id="ChangeVersion"> Change jQuery Verison</button>

        <div id="CurrentjQuery"></div>
    </body>
    <script type="text/javascript">
        $(document).ready(function (){
            $("#CurrentjQuery").html($("#jqlink").attr('src'));
        });

        function changeJQ(version){
            $("#jqlink").attr("src", "https://cdnjs.cloudflare.com/ajax/libs/jquery/" + version + "/jquery.min.js")
            $("#CurrentjQuery").html($("#jqlink").attr('src'));
         }
        $(document).on("click","#ChangeVersion",function () {

            if($("#version").val().trim() == ''){
                alert("Please enter version");
                return false;
            }
            else{                
                changeJQ($("#version").val().trim());
            }             
        });
    </script>
</html>

或者这将是一种简单的方法。

<html>
    <head>   
        <script id="jqlink" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    </head>
    <body>        
    </body>
    <script type="text/javascript">
        $(document).ready(function () {
            function changeJQ(version){
                $("#jqlink").attr("src", "https://cdnjs.cloudflare.com/ajax/libs/jquery/" + version + "/jquery.min.js")
             }

             changeJQ("1.10.5");
        });
    </script>
</html>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35969802

复制

相似问题

问在网页中更改Jquery脚本
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在网页中更改Jquery脚本EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在网页中更改Jquery脚本
EN