Question

我正在尝试调用引用div ID上的click函数的外部jquery文件。嵌入在html页面中时，该功能很有用，但是我希望所有的j都可以在外部调用。

以下是我标题中的外部js文件：

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

    <script type="text/javascript" src="js/popuptabs.js" charset="utf-8"></script>

用于popuptabs.js的jQuery代码

    jQuery(function($) {

        var open = false;

        $('#footerSlideButton').click(function () {

            if(open === false) {

                $('#footerSlideContent').animate({ height: '300px' });

                $(this).css('backgroundPosition', 'bottom left');

                open = true;

            } else {

                $('#footerSlideContent').animate({ height: '0px' });

                $(this).css('backgroundPosition', 'top left');

                open = false;

            }

        });     

    });


        jQuery(function($) {

        var open = false;

        $('#footerSlideButton2').click(function () {

            if(open === false) {

                $('#footerSlideContent2').animate({ height: '300px' });

                $(this).css('backgroundPosition', 'bottom left');

                open = true;

            } else {

                $('#footerSlideContent2').animate({ height: '0px' });

                $(this).css('backgroundPosition', 'top left');

                open = false;

            }

        });     

    });


            jQuery(function($) {

        var open = false;

        $('#footerSlideButton3').click(function () {

            if(open === false) {

                $('#footerSlideContent3').animate({ height: '300px' });

                $(this).css('backgroundPosition', 'bottom left');

                open = true;

            } else {

                $('#footerSlideContent3').animate({ height: '0px' });

                $(this).css('backgroundPosition', 'top left');

                open = false;

            }

        });     

    });

这是我的html与我指的div：

<div id="footerSlideContainer">
    <div id="footerSlideButton"></div>
    <div id="footerSlideContent">
        <div id="footerSlideText">
            <h3>Online Brochures</h3>
            <p>Coming Soon!</p>
        </div>
    </div>
</div>

我试过这个：<a href="JavaScript:popuptabs.click('footerSlideButton');"></a>在我的div中没有用。我不确定调用此函数的正确方法。

Answer 1

为什么不从id值中提供您想要调用该函数的链接：

<a id="someLinkId" href="#">Link Text.</a>

并说：

$("#someLinkId").click(function () {
    $('#footerSlideButton').trigger('click');
});

使用它的ID从div调用外部JQuery函数

1 个答案: