Question

我尝试刷新网页内的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")
}

是否有必要重新加载页面或需要执行此功能的任何内容？

Answer 1

试试这段代码。并在执行后检查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>

更改网页中的Jquery脚本

1 个答案: