-2

次のコードがあります。
ウィンドウ オンロード機能は、フル メニュー表示ではなく、モバイル デバイスのメニュー ボタン表示用です。

ドキュメントレディ機能は、全幅レスポンシブスライダー用です。

window.onload = function() {
var nav = document.getElementById('nav'); 
var navItem = nav.getElementsByTagName('li');
//is it floated?
var floated = navItem[0].currentStyle ? el.currentStyle['float'] :  document.defaultView.getComputedStyle(navItem[0],null).getPropertyValue('float');

if (floated != 'left') {
    var collapse = document.getElementById('nav-collapse');

    //toggle class utility function
    var classToggle = function( element, tclass ) {
        var classes = element.className,
        pattern = new RegExp( tclass );
        hasClass = pattern.test( classes );
        //toggle the class
        classes = hasClass ? classes.replace( pattern, '' ) : classes + ' ' + tclass;
        element.className = classes.trim();
    };

    classToggle(nav, 'hide');
    classToggle(collapse, 'active');
    collapse.onclick = function() {
        classToggle(nav, 'hide');
        return false;
    }
}
}

$.noConflict();
jQuery(document).ready(function($) {
$('#full-width-slider').royalSlider({
arrowsNav: true,
loop: false,
keyboardNavEnabled: true,
controlsInside: false,
imageScaleMode: 'fill',
arrowsNavAutoHide: false,
autoScaleSlider: true, 
autoScaleSliderWidth: 960,     
autoScaleSliderHeight: 350,
controlNavigation: 'bullets',
thumbsFitInViewport: false,
navigateByClick: true,
startSlideId: 0,
autoPlay: false,
transitionType:'move',
globalCaption: false,
fullscreen: {
    // fullscreen options go gere
    enabled: true,
    nativeFS: true
},
autoPlay: {
    // autoplay options go gere
    enabled: true,
    pauseOnHover: true
},
deeplinking: {
  enabled: true,
  change: false
},
/* size of all images http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/adding-width-and-height-properties-to-images */
imgWidth: 1400,
imgHeight: 680
 });
});

HTML

<nav role="navigation">
                  <a href="#nav" class="nav-collapse" ><img src="images/btn_menu.jpg" alt="menu" id="nav-collapse"></a>
                  <ul class="nav" id="nav">
                       <li class="active"><a href="index.html">Home</a></li>
                       <li><a href="services.html">Services</a></li>
                       <li><a href="compliant-reporting.html">Compliant Reporting</a></li>
                       <li><a href="setup-training.html">Setup &amp; Training</a></li>
                       <li><a href="demo-videos.html">Demo Videos</a></li>
                       <li><a href="events-calendar.html">Events Calendar</a></li>
                       <li><a href="contact-us.html">Contact Us</a></li>
                  </ul>
                  </nav>

javascript と jQuery の両方が同じファイル default.js にあります window.onload は機能していますが、スライダー スクリプトは機能していません。window.onload を削除すると、スライダーが機能します。

それらは対立しています。何か助けはありますか？

4

2 に答える 2

0

default.js は共通ファイルです。他のページで使用されるフォーム検証コード、jQuery タブ、jQuery 日付ピッカーなどが含まれています。

window.onload 関数と document.ready 関数だけを別ファイルにして同梱しました。

それは今動作します！

全てに感謝。

于 2013-07-20T22:17:05.827 に答える
-2

window.onloadすべての意図と目的において、* と同じ$.readyです。つまり、両方とも任意のデバイスで実行されます。

本当に何かをデスクトップではなくモバイルで実行したい場合 (およびその逆) は、ある種のモバイル検出を使用して、次のことを行う必要があります。

if ($.browser.mobole) {
    your mobile code here
} else {
    your desktop code here
}

* 専門家: いいえ、実際には同じではありません。

于 2013-07-20T18:25:48.993 に答える