https://github.com/yangyiming/touchmodal

i use the bootstrap modals CSS for modals and we can use this plugin in touch mobile
https://github.com/yangyiming/touchmodal

bootstrap-modal html5-touch-modal modal

Last synced: 3 months ago
JSON representation

i use the bootstrap modals CSS for modals and we can use this plugin in touch mobile

• Host: GitHub
• URL: https://github.com/yangyiming/touchmodal
• Owner: yangyiming
• License: mit
• Created: 2015-01-21T09:03:53.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2015-01-21T09:41:43.000Z (over 11 years ago)
• Last Synced: 2026-01-23T23:26:45.492Z (4 months ago)
• Topics: bootstrap-modal, html5-touch-modal, modal
• Language: CSS
• Size: 184 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.textile
  • License: LICENSE

Awesome Lists containing this project

README

          
h1. touch modal

i use the bootstrap modals CSS for modals and we can use this plugin in touch mobile

h2. how to use?

we must to install zepto in the first:


    bower install



touch modal depends on Zepto. Include them both in end of your HTML code:



    

    



 use the bootstrap modals:


     



html code:


	


        


            


                


                    

                    
礼品详情

                

                


                    


                        ............

                    

                

                


                    确定

                

            

        

    

    




js config:


 $("#userFormModal").modals({

                //trigger method after open the modals

                //element:modal element

                //data: you can Pass the dynamic data

                callBack:function(element,data){


                },

                /trigger method before open the modals

                before:function(element,data){

                },

                //"in": it's effect that modal show in page;

                //"out": it's effect that modal hide in page;

                effect:{

                    in:"in",

                    out:"fade"

                }

            });



if you init this plugin,you can use trigger method for something;


      //open the modal

       $("#userFormModal").trigger("open",[{}]);

       //open the modal

       $("#userFormModal").trigger("close",[{}]);



h2. bower install



    bower install touch-modals