2016-03-19 2 views
1

Browserify ile birlikte çalışmak için Magnific Popup'ı almaya çalışıyorum ve işe yaramaya gelemiyorum. Browserify kurulumu hakkında derin bir bilgiye sahip değilim. Herhangi bir yardım gratefully alınanBrowserify ile çalışma Magnific Popup nasıl çalışır

Uncaught TypeError: cache.$btn_enlarge.magnificPopup is not a function 

: ben almaya devam Bütün aşağıdaki hatadır! Hatta bir pul ile -

sayesinde Tom

+0

Projeye magnific-popup.js nasıl eklenir? –

+1

NPM aracılığıyla Magnific Popup eklendi ve 'modal = require ('magnific-popup')' –

+0

Daha önce jQuery'yi başlattığınızdan ve 'cache. $ Btn_enlarge' jQuery öğesi olduğundan emin misiniz? –

cevap

0

Benim dist dosyaları ile mümkün olan her şeyi denedik browserify-shim

npm install browserify-shim --save-dev 

package.json

"browserify": { 
    "transform": ["browserify-shim"] 
}, 
"browserify-shim": { 
    "./path/to/magnific-popup.js": "magnific-popup", 
} 
2

kullanabilirsiniz. Sarılmış kodun (bkz. Gruntfile.js) Gulp ve Browserify ile uyumsuz hale geldiğini fark ettim. Bunun yerine concat (el ile veya Gulp ile) bu sırada src/js klasöründeki dosyalar:

core.js

inline.js

ajax.js

image.js

zoom.js

gallery.js

retina.js

Daha sonra çalışacaktır iframe.js

. Dosyaları en son sürüm için paketledim, eğer isterseniz: https://github.com/texelate/magnificPopupGulpBrowserify/blob/master/README.md