使用 jQuery-1.7.2.min.js 时，悬停功能在 Google Chrome 中不起作用

Question

我目前使用 AdminLTE 模板创建管理页面。但是我遇到了包含的 jquery 源的问题。我有一部分函数是嵌套排序，它引用 jquery-1.7.2.min.js 来工作。它在 Firefox 中运行没问题，但是当我尝试在 Google Chrome 中运行它时，我的侧边栏悬停功能不起作用。但是，我尝试替换原始模板 jQuery，即 jQyery-2.0.2.min.js，之后我的悬停功能可以使用，但我的嵌套排序功能不再有效。我能做些什么来区分 2 个 jQuery 函数吗？

这是我的示例代码。我必须执行嵌套排序功能：

<!-- Nested Sequence Reference-->
    <script type="text/javascript" src="js2/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js2/jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript" src="js2/jquery.ui.touch-punch.js"></script>
    <script type="text/javascript" src="js2/jquery.mjs.nestedSortable.js"></script>
      <!-- Sequence Script-->
      <script>
        $(document).ready(function(){

            $('ol.sortable').nestedSortable({
                forcePlaceholderSize: true,
                handle: 'div',
                helper: 'clone',
                items: 'li',
                opacity: .6,
                placeholder: 'placeholder',
                revert: 250,
                tabSize: 25,
                tolerance: 'pointer',
                toleranceElement: '> div',
                maxLevels: 1,

                isTree: false,
                expandOnHover: 700,
                startCollapsed: true
            });


            //Independent Content Sequence
            $('#toIndependentHierarchy').click(function(e){
                //hiered = $('ol.sortable').nestedSortable('toHierarchy', {startDepthCount: 0});
                //hiered = dump(hiered);
                //(typeof($('#toHierarchyOutput')[0].textContent) != 'undefined') ?
                //$('#toHierarchyOutput')[0].textContent = hiered : $('#toHierarchyOutput')[0].innerText = hiered;


                //Add to try the update the database function with jquery 
                serialized = $('ol.sortable').nestedSortable('serialize');
                  $.post( "independentBannerSequence.php", serialized, function( data ) {
                    alert( data );
                    });
                return false;   
            })

            //Master Content Sequence
            $('#toMasterHierarchy').click(function(e){
                //hiered = $('ol.sortable').nestedSortable('toHierarchy', {startDepthCount: 0});
                //hiered = dump(hiered);
                //(typeof($('#toHierarchyOutput')[0].textContent) != 'undefined') ?
                //$('#toHierarchyOutput')[0].textContent = hiered : $('#toHierarchyOutput')[0].innerText = hiered;


                //Add to try the update the database function with jquery 
                serialized = $('ol.sortable').nestedSortable('serialize');
                  $.post( "masterBannerSequence.php", serialized, function( data ) {
                    alert( data );
                    });
                return false;   
            })

            $('#toArray').click(function(e){
                //arraied = $('ol.sortable').nestedSortable('toArray', {startDepthCount: 0});
                arraied = $('ol.sortable').nestedSortable('toArray', {startDepthCount: 0});
                arraied = dump(arraied);
                (typeof($('#toArrayOutput')[0].textContent) != 'undefined') ?
                $('#toArrayOutput')[0].textContent = arraied : $('#toArrayOutput')[0].innerText = arraied;
            })

        });

        function dump(arr,level) {
            var dumped_text = "";
            if(!level) level = 0;

            //The padding given at the beginning of the line.
            var level_padding = "";
            for(var j=0;j<level+1;j++) level_padding += "    ";

            if(typeof(arr) == 'object') { //Array/Hashes/Objects
                for(var item in arr) {
                    var value = arr[item];

                    if(typeof(value) == 'object') { //If it is an array,
                        dumped_text += level_padding + "'" + item + "' ...\n";
                        dumped_text += dump(value,level+1);
                    } else {
                        dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n";
                    }
                }
            } else { //Strings/Chars/Numbers etc.
                dumped_text = "===>"+arr+"<===("+typeof(arr)+")";
            }
            return dumped_text;
        }

    </script>

Answer 1

尝试使用加载旧的 jquery 库动态就像你使用 firefox 一样，加载最新的 jquery 库就像使用 chrome.

var isOpera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
    // Opera 8.0+ (UA detection to detect Blink/v8-powered Opera)
var isFirefox = typeof InstallTrigger !== 'undefined';   // Firefox 1.0+
var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
    // At least Safari 3+: "[object HTMLElementConstructor]"
var isChrome = !!window.chrome && !isOpera;              // Chrome 1+
var isIE = /*@cc_on!@*/false || !!document.documentMode; // At least IE6

How to detect Safari, Chrome, IE, Firefox and Opera browser?

Answer 2

我已经通过使用 jQuery-1.11.0.min.js 版本解决了这个问题，其中 google chrome 和 firefox 在我的悬停和嵌套排序上都可用功能。并且不要忘记粘贴

<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>

感谢大家的帮助。非常感谢。

使用 jQuery-1.7.2.min.js 时，悬停功能在 Google Chrome 中不起作用

Hover function does not work in Google Chrome when using jQuery-1.7.2.min.js

html

javascript

jquery

google-chrome