Li উপাদানগুলির জন্য বিকল্প (অপ্রচলিত) মান অ্যাট্রিবিউট

আমি বর্তমানে HTML 5, CSS এবং jQuery ব্যবহার করে একটি ওয়েব অ্যাপ্লিকেশনে কাজ করছি। পৃষ্ঠার লিঙ্ক প্রদর্শন করার জন্য আমার একটি অনির্বাচিত তালিকা (উল) আছে, পৃষ্ঠা লিঙ্কে থাকা প্রতিটি লি উপাদান সহ। এই তালিকাটি jQuery ব্যবহার করে গতিশীলভাবে তৈরি করা হয়।

আমি কি করতে চাই তালিকা তালিকার শুধুমাত্র পাতা নাম প্রদর্শিত লিঙ্ক আছে, কিন্তু একই সময়ে সম্পূর্ণ লিঙ্ক পাথ বজায় রাখা। উদাহরণস্বরূপ, "http://www.foo.com/xyz/contactus" "contactus" হিসাবে প্রদর্শিত হবে, কিন্তু li উপাদানটি এখনও সম্পূর্ণ লিঙ্কটি "জানতে" থাকবে। এই উদ্দেশ্য জন্য li এর মান অ্যাট্রিবিউট নিখুঁত হয়েছে, আমি তাদের মত এটি সেট করতে পারে, কারণ:

var ul = $('
').attr('id', 'linkList');
for (var i = 0; i < linksOnPage.length; i++) //linksOnPage is an array with all the links
    {
        var pgName = linksOnPage[i].toString().slice(steps[i].toString().lastIndexOf('/') + 1);

       //Create list element and append content
        var li = $('
').text(pgName);   //Set the text to the page name
        li.attr('value', linksOnPage[i].toString());   //Set the value to the full link

        ul.append(li);
    }

এটি একটি তালিকা তৈরি করবে:

  • contactus
  • ...

দুর্ভাগ্যবশত, li এর মান বৈশিষ্ট্যাবলী এইচটিএমএল 4.01 (কেউ এই সম্পর্কে পিছনে যুক্তি জানেন?) আমার কাছে অত্যন্ত দরকারী মনে হয় ...।

সুতরাং, আমি কিভাবে এগিয়ে যেতে কিছু পরামর্শ চাই এক বিকল্পটি অবচিতি উপেক্ষা করা এবং মান বৈশিষ্ট্যের ব্যবহারটি যে কোনওভাবেই ব্যবহার করা উচিত, যেহেতু সব প্রধান ব্রাউজার এখনও এটি সমর্থন করে, তবে আমি একটি অবচিত বৈশিষ্ট্য ব্যবহার করতে খুব আগ্রহী নই এবং এটি শুধু ভুল অনুভব করে।

কোন ধারনা?

0
@ এনএনএনএনএন: সঠিকভাবে
যোগ লেখক o.v., উৎস
@ জিডরন: আমি করেছি, কিন্তু আপনি কেবল একবারই করতে পারেন। অসম্মানের দৃঢ় অনুভূতি আমার সবচেয়ে ভাল যান
যোগ লেখক o.v., উৎস
@ এনএনএনএনএন: আমি সম্মত, যে আসলে আমার কাছে আসেনি। কিন্তু আমি মনে করি আমি এখন জন্য তালিকা ব্যবহার করতে থাকব, কারণ আমি এটি jQuery ইউআই ব্যবহার করে সাজানো তৈরীর চিন্তা করছি।
যোগ লেখক William, উৎস
@ এনএনএনএনএনএন: ঠিক আছে, চেষ্টা করে দেখুন।
যোগ লেখক William, উৎস
@ O.v। আমি মনে করি আপনি একটি মন্তব্য মন্তব্য পরিবর্তে "সম্মতি" লিখতে পারেন ...
যোগ লেখক gdoron, উৎস
"আমি কি করতে চাই তা হল লিংক উপাদানটি শুধুমাত্র লিঙ্কের পৃষ্ঠার নাম প্রদর্শন করে, তবে একই সময়ে সম্পূর্ণ লিঙ্ক পাথ ধরে রাখা হয়।" - এটির জন্যই কি অ্যাঙ্কর ট্যাগ আছে , এবং নোঙ্গর ট্যাগগুলি কীবোর্ড-শুধুমাত্র ব্যবহারকারীদের জন্য কাজ করার সুবিধা দেয় যারা একটি মাউস বা অন্য পয়েন্টিং ডিভাইস ব্যবহার করে না (বা না করতে পারেন)। আপনি যেমন উল্লিখিত বৈশিষ্ট্যাবলীগুলি এবং তদুর্ধ্বভাবে আপনার মত মানগুলি অনুসরণ করতে ভাল, কিন্তু আমার মতে এটি অ্যাক্সেসিবিলিটি মানগুলি অনুসরণ করে আরো গুরুত্বপূর্ণ ...
যোগ লেখক nnnnnn, উৎস
উইলিয়াম - শুধু প্রতিটি তালিকা আইটেম একটি নোঙ্গর করা। আপনি যদি চান যে সমস্ত তালিকা শ্রেণীবিন্যাস এবং স্টাইলিং করতে পারেন, তবে এটি খুব অ্যাক্সেসযোগ্য হবে ...
যোগ লেখক nnnnnn, উৎস

3 উত্তর

যদিও মান অপহৃত ছিল, এটি এখনও ব্যবহার করা এবং w/JavaScript অ্যাক্সেস করতে পারে। আপনি শুধু বৈধতা দিচ্ছেন!

বিকল্প হিসাবে আপনি হয়ত ডাটা - * বৈশিষ্ট্যাবলী (যেমন আমি অন্যদের প্রস্তাব করেছি) ব্যবহার করতে পারি অথবা সরাসরি DOM উপাদানে মানচিত্রে মানগুলি ব্যবহার করতে পারি - যেহেতু আপনি রানটাইম এ এই মার্কআপ তৈরি করছেন তবে আপনি ঠিক মত একটি প্রোপার্টি যুক্ত করতে পারেন ( JS আপনি অনুমতি দেয় এই একটি আশীর্বাদ এবং একটি অভিশাপ উভয়):

li.someLinkPath = 'some url here';
//and in the click handler you could access this as
this.someLinkPath;

তবুও ... যদি আপনি এটির জন্য নেভিগেশানের জন্য ব্যবহার করতে চান তবে কেন শুধু একটি href এর সাথে একটি অ্যাঙ্কর ব্যবহার করবেন?

0
যোগ

থেকে পরিবর্তন করুন:

  • contactus
  • 
    

    প্রতি:

  • contactus
  • 
    

    data-* pattern is the new HTML5 way of keeping values in DOM elements.

    আপনি দুটি উপায়ে এক মান পেতে পারেন:

    $('#li-Id').data('value');
    $('#li-Id').attr('data-value');
    

    আপনি সেইসব বৈশিষ্ট্যগুলিতে জন রেসিগ এর এই ব্লগ পোস্ট পড়তে পারেন।

    jQuery data function

    0
    যোগ
    এটা ঠিক কি আমি খুঁজছেন ছিল, ধন্যবাদ! হাম্মাম ... মনে হচ্ছে আমি 9 মিনিট অপেক্ষা করতে পারবো না যতক্ষণ না আমি কোনও কারণে আপনাকে উত্তর দিতে পারি
    যোগ লেখক William, উৎস
    @William। আমি অনুমান করি আমি অপেক্ষা করতে হবে যতদিন না আমি $ 15 : -)
    যোগ লেখক gdoron, উৎস

    সহজভাবে একটি তথ্য অ্যাট্রিবিউট ( intro ; < a href = "http://html5doctor.com/html5-custom-data-attributes/" rel = "nofollow"> আরো টিউটোরিয়াল ; spec ):

  • contactus
  • 
    

    একটি প্লাস হিসাবে, jQuery সুবিধে .data </​​code> এর মাধ্যমে এই ধরনের বৈশিষ্ট্যের মান সনাক্ত এবং প্রকাশ করে।/একটি> পদ্ধতি

    0
    যোগ