0

スライダー ギャラリーを使用している場合、ボタン クリックで関数を呼び出すことができません。プロジェクトからすべてのスライダー コンテンツを削除すると、正常に動作します。

    var dec_Options=[];
    var dec_Details=[];


    window.onload = function(){
        // fix height width of screen....
        var width=(parseInt($(document).width()));  
        var height=(parseInt($(window).height()));
        $('body').css({'height': height,'width':width});
        $('#page').css({'height': height,'width':width});       
    }   


    $(document).ready(function (){

       //slider initialize............
        $("#slider").easySlider({

                    continuous: true,
                    nextId: "slider1next",
                    prevId: "slider1prev"
        });


   //get data from ajax..............       
     syncDecorationDetails(function(decoOption,decoDetails){
        dec_Options = decoOption;
        //alert('inside------'+dec_Options);
        //options=dec_Options;
        dec_Details = decoDetails;
    }); 




 });


    //on click function called when button clicks...........
    function loadGalleryImage(){
         alert('fd');
    }

HTML:

<!DOCTYPE HTML>
<html>
<head>
    <script src="js/jquery-1.8.3.js"></script>
    script src="js/syncData.js" type="text/javascript"></script>

// below script added is the file showqn above.............
    <script src="js/decor.js" type="text/javascript"></script>
//.........................

    <script type="text/javascript" src="sliderjs/easySlider1.7.js"></script>


<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
</head>

<body>
<div id="container">
    <div id="content">  
        <div id="slider">
            <ul>                
                <li><img src="chori1.jpg" /></a></li>
                <li><img src="chori2.jpg" /></a></li>

            </ul>
        </div>  
    </div>
</div>
<div>   
<button onclick="loadGalleryImage()">Try it</button>
</div>
</body>
</html>

このボタンの前に div 内にもう 1 つボタンを追加すると、div 内のボタンではなく、div の外側でのみ正常に機能します。

<div id="decorationSelection" >
        <button onclick="loadGalleryImage()"></button>
</div>  
//...this button below work  but f  the above code of div and button inside is  there 
 <button onclick="loadGalleryImage()">Try it</button>
4

1 に答える 1

0

エラーはここにあります - >

// below script added is the file showqn above.............
<script src="js/decor.js" type="text/javascript"></script>
//.........................
<script type="text/javascript" src="sliderjs/easySlider1.7.js"></script>

あなたはそれが関数decor.jsを参照するファイルだと言いました。easySliderただし、easySlider スクリプトは、呼び出すまでロードしません。これは決してうまくいきません。easySlider スクリプトを decor スクリプトの上に配置するだけで、easySlider 関数がないというエラーがコンソールに表示されなくなります。

<script type="text/javascript" src="sliderjs/easySlider1.7.js"></script>
<script src="js/decor.js" type="text/javascript"></script>

それがどのように見えるかです。

于 2012-12-21T07:28:29.690 に答える