способ использования jquery и sencha touch2 вместе.?

Я разработал экраны sencha touch2, после чего добавьте файл jquery для animate() одним щелчком мыши, но он не работает должным образом.способ использования jquery и sencha touch2 вместе.?

<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>slider</title> 
    <link href="im.css" rel="stylesheet" type="text/css" />       
    <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/touch/sencha-touch-designer-edition/builds/resources/css/sencha-touch.css"/> 
    <script type="text/javascript" src="http://extjs.cachefly.net/touch/sencha-touch-designer-edition/builds/sencha-touch-all-debug.js"></script> 
    <script type="text/javascript" src="designer.js"></script> 
    <script type="text/javascript" src="jquery-1.3.1.js"></script> 
     <script type="text/javascript"> 
     jQuery.noConflict(); 
      jQuery(document).ready(function(){ 
          var currentState = 1; 
          jQuery('#capimage').click(function(){ 
           if(currentState == 1){ 
        jQuery('.cover').stop().animate({width:'118px'},{queue:false,duration:160}); 
             currentState = 2; 
            } 
            else{ 
             jQuery('.cover').stop().animate({width:'5px'},{queue:false,duration:160}); 
            } 
          }); 

      }); 
     </script>  
</head> 
<body></body> 
</html>

, когда я удаляю designer.js, он будет работать. Пожалуйста, помогите найти решение.

источник

2012-02-21 dineshthamburu

Почему вы хотите использовать JQuery для анимации, когда Сенча имеет встроенный в анимации вещи? См. Api http://docs.sencha.com/touch/2-0/#!/api/Ext.Anim – adis

@ adis Я хочу использовать jquery для этого. – dineshthamburu

Используйте одну строку кода: http://docs.sencha.com/touch/2-0/#!/api/Ext.layout.Default-cfg-animation – adis

Привет вот пример с 3-мя экранами, которые скользят:

/** 
* Your app description 
*/ 
Ext.application({ 
    name: 'Slide my card', 
    // launch function 
    launch: function() { 
     Ext.create('Ext.Container', { 
      fullscreen: true, 
      layout: { 
       type: 'card', 
       animation: { 
        type: 'slide', 
        direction: 'left' 
       } 
      }, 
      items: [ 
       { 
        xtype: 'panel', 
        html: 'Card 1', 
        items : [{ 
         xtype : 'button', 
         text: 'Go to second card', 
         margin: '10 10 10 10', 
         ui : 'action', 
         handler: function() { 
          this.getParent().parent.setActiveItem(1) 
         } 
        }] 
       }, 
       { 
        xtype: 'panel', 
        html: 'Card 2', 
        items : [{ 
         xtype : 'button', 
         text: 'Go to third card', 
         margin: '10 10 10 10', 
         ui : 'action', 
         handler: function() { 
          this.getParent().parent.setActiveItem(2) 
         } 
        }] 
       }, 
       { 
        xtype: 'panel', 
        html: 'Card 3', 
        items : [{ 
         xtype : 'button', 
         text: 'Go to first card', 
         margin: '10 10 10 10', 
         ui : 'confirm', 
         handler: function() { 
          this.getParent().parent.setActiveItem(0) 
         } 
        }] 
       } 
      ] 
     }); 
    } 
});

источник

2012-02-21 15:16:17 adis

как включить jquery slide-out-menu на этих страницах? пожалуйста, помогите .. – dineshthamburu

спасибо за информацию ..... – dineshthamburu

способ использования jquery и sencha touch2 вместе.?

ответ

Смежные вопросы