টারবোলিংকগুলি এখানে এবং এখানে$(document).ready() আলোচিত হিসাবে প্রাথমিক লোডের পাশাপাশি সমস্ত পৃষ্ঠা ভিজিটগুলিতে গুলি করা থেকে সাধারণ ইভেন্টগুলিকে বাধা দেয় । লিঙ্কযুক্ত উত্তরের কোনও সমাধানই যদিও রেল 5 এর সাথে কাজ করে না। পূর্ববর্তী সংস্করণগুলির মতো আমি কীভাবে প্রতিটি পৃষ্ঠায় ভিজিট করতে কোড চালাতে পারি?
উত্তর:
readyইভেন্টটি শোনার পরিবর্তে আপনার প্রতিটি পৃষ্ঠায় দেখার জন্য টারবোলিংকস দ্বারা বরখাস্ত হওয়া ইভেন্টে প্রবেশ করতে হবে।
দুর্ভাগ্যক্রমে, টারবোলিংকস 5 (যা সংস্করণ 5 টি রেলের মধ্যে প্রদর্শিত হয়) আবার লিখিত হয়েছে, এবং টারবোলিংকের আগের সংস্করণগুলির মতো ইভেন্টের নাম ব্যবহার করে না, যার ফলে উল্লিখিত উত্তরগুলি ব্যর্থ হয়েছে। টারবোলিংকগুলি শুনতে এখন যা কাজ করে তা হল : লোড ইভেন্টটি এরকম:
$( document ).on('turbolinks:load', function() {
console.log("It works on each visit!")
})
on('ready turbolinks:load')অন্যথায় ব্যবহার করছি কিছু পৃষ্ঠায় আমার কিছু সমস্যা আছে
নেটিভ জেএস:
document.addEventListener("turbolinks:load", function() {
console.log('It works on each visit!');
});
রেল 5 এ সবচেয়ে সহজ সমাধানটি হ'ল:
$(document).on('ready turbolinks:load', function() {});
পরিবর্তে $(document).ready। একটি যাদুমন্ত্র মত কাজ করে.
readyতালিকায় যুক্ত করবেন না , না হলে ফাংশনটি দু'বার কার্যকর করা হবে। Github.com/turbolinks/turbolinks/#observing-navication-events যেমন বলেছে, আপনার এটি করা উচিত: javascript $(document).ready(function() { $(document).on('turbolinks:load', function() {} ) })
$(document).readyট্রিগার হয়ে যায়, তবে কমপক্ষে আমার নিজের পরিস্থিতিতে, আমার প্রয়োজন হবে নাturbolinks:load
readyইভেন্টটি ট্রিগার করা হবে। টার্বোলিংকস থাকলে, কোডটি
এটি আমার সমাধান, ওভাররাইড jQuery.fn.ready, তারপরে $(document).readyকোনও পরিবর্তন ছাড়াই কাজ করে:
jQuery.fn.ready = (fn)->
$(this).on 'turbolinks:load', fn
documentকলব্যাকগুলিতেও নির্ভর করে । ডাউনটা কেন? যতক্ষণ না পুরো অ্যাপ্লিকেশন জুড়ে টার্বলিংক ব্যবহার করা হয় ততক্ষণ এটি নিরাপদ থাকা উচিত?
(কফিসক্রিপ্টের জন্য)
আমি ব্যবহার করি:
$(document).on 'turbolinks:load', ->
পরিবর্তে:
$(document).on('turbolinks:load', function() {...})
সমাধানটি আমার পক্ষে কাজ করে এমনটি এখানে থেকে :
ইনস্টল gem 'jquery-turbolinks'
এই অ্যাপ্লিকেশনটিতে এই কফি ফাইলটি যুক্ত করুন: https://github.com/turbolinks/turbolinks/blob/master/src/turbolinks/compatibility.coffee
এটির নাম দিন টারবোলিংকস - সামঞ্জস্যতা কফি
এপ্লিকেশন.জেএস এ
//= require jquery
//= require jquery_ujs
//= require jquery.turbolinks
//= require turbolinks
//= require turbolinks-compatibility
productionVর্ষা সম্পর্কে কি ? আপনি এটি পরীক্ষা করে দেখেছেন? কিছু লোক এটিকে বলছেন যে এটি developmentমোডে ঠিকঠাক কাজ করে।
যদিও আমরা এই সত্যিই শীতল রত্নটির সমাধানের অপেক্ষায় রয়েছি, আমি নিম্নলিখিতটি সংশোধন করে এগিয়ে যেতে সক্ষম হয়েছি;
addCallback: (callback) ->
if $.turbo.isReady
callback($)
$document.on 'turbo:ready', -> callback($)
প্রতি:
addCallback: (callback) ->
if $.turbo.isReady
callback($)
$document.on 'turbolinks:load', -> callback($)
এটি কী সমাধান করে না তা আমি এখনও অবগত নই, তবে প্রাথমিক পরিদর্শনে এটি ভালভাবে কাজ করেছে বলে মনে হয়েছিল।
হালকা ওজন মণি jquery- টারবোলিংক ব্যবহার করুন ।
এটি $(document).ready()বিদ্যমান কোড পরিবর্তন না করে টার্বলিংকসের সাথে কাজ করে।
বিকল্পভাবে, আপনি এর মধ্যে $(document).ready()একটিতে পরিবর্তন করতে পারেন :
$(document).on('page:fetch', function() { /* your code here */ });
$(document).on('page:change', function() { /* your code here */ });
আপনার পরিস্থিতিতে কোনটি আরও উপযুক্ত তার উপর নির্ভর করে।