JQuery теряет ошибку на пост обратно при поиске. Динамической функции - PullRequest
Новая
       40

JQuery теряет ошибку на пост обратно при поиске. Динамической функции

0 голосов
/ 12 августа 2011

Я использую jquery для отображения всплывающей подсказки, код которой я использую ниже 

     <script type="text/javascript">
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(MainEndRequestHandler);

            $(MainEndRequestHandler);

            function MainEndRequestHandler(sender, args) {
                loadeverthingmaster();
            }

            function loadeverthingmaster(){
                 try
                 {  

                          $(".download_now").tooltip({ 
                              effect: 'slide',
                              delay:300                                                               

                          }).dynamic({ bottom: { direction: 'down', bounce: true } });          


                       $(".help-bubble-link[title]").tooltip({

                          // tweak the position
                          offset: [10, 2],

                          // use the "slide" effect
                          effect: 'slide',

                          // add dynamic plugin with optional configuration for bottom edge
                       }).dynamic({ bottom: { direction: 'down', bounce: true } });

                 }
                 catch(err)
                 {
                     alert(err);
                 } 
            }

        </script>

, но когда я загружаю свою страницу, я получаю эту ошибку

TypeError: $ (".download_now "). tooltip ({effect:" slide ", delay: 300}). dynamic не является функцией

Понятия не имею, почему это происходит.кто-нибудь есть идеи или solutino ...

С уважением

1 Ответ

0 голосов
/ 12 августа 2011

Проверьте порядок, в котором вы импортируете свой скрипт. Убедитесь, что этот тег скрипта находится ниже импорта плагинов jquery-tooltip.Также убедитесь, что jquery и jquery-ui импортированы над плагинами jquery-tooltip.Также вы можете попробовать обернуть этот код в document.ready (), чтобы убедиться, что все скрипты загружены, например: 

<script type="text/javascript">
$(document).ready(function(){
       Sys.WebForms.PageRequestManager.getInstance().add_endRequest(MainEndRequestHandler);

            $(MainEndRequestHandler);

            function MainEndRequestHandler(sender, args) {
                loadeverthingmaster();
            }

            function loadeverthingmaster(){
                 try
                 {  

                          $(".download_now").tooltip({ 
                              effect: 'slide',
                              delay:300                                                               

                          }).dynamic({ bottom: { direction: 'down', bounce: true } });          


                       $(".help-bubble-link[title]").tooltip({

                          // tweak the position
                          offset: [10, 2],

                          // use the "slide" effect
                          effect: 'slide',

                          // add dynamic plugin with optional configuration for bottom edge
                       }).dynamic({ bottom: { direction: 'down', bounce: true } });

                 }
                 catch(err)
                 {
                     alert(err);
                 } 
            }
});
        </script>

Чтобы убедиться, что у вас есть подходящие библиотеки, вы также можете попробовать поменять местами импорт jquery иимпорт инструментов jquery с этим импортом, который содержит инструменты jquery + jquery + динамический плагин: 

<!-- jQuery Library + ALL jQuery Tools -->
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>

Также попробуйте: 

 $(".help-bubble-link['title']").tooltip({  //notice change in this line

                          // tweak the position
                          offset: [10, 2],

                          // use the "slide" effect
                          effect: 'slide',

                          // add dynamic plugin with optional configuration for bottom edge
                       }).dynamic({ bottom: { direction: 'down', bounce: true } });
...