前提・実現したいこと
ご教授いただけましたら幸いです。
下記のSlinkyを使用して、スマホ用ナビゲーションを作成しています。
optionのtitleをtrueにすると、サブタイトルを表示することができるのですが、
<a>タグの後ろに入ってしまいます。
これを<a>タグ内に表示させるようにしたいのですが、
中々難しく・・・
Github
https://github.com/alizahid/slinky/
Demo
https://alizahid.github.io/slinky/
発生している問題・エラーメッセージ
■現在吐き出されているソース
html
1<li class="header"> 2<a href="#" class="back"></a> 3<header class="title">商品を探す(サブタイトル)</header> 4</li>
該当のソースコード
■ここらへんかしらと思うところ(slinky.min.js)
javascript
1jQuery("li > ul",t).prepend(i);var s=jQuery("<a>").prop("href","#").addClass("back");jQuery(".header",t).prepend(s),n.title&&jQuery("li > ul",t).each(function(e,t){var n=jQuery(t).parent().find("a").first().text();if(n){var i=jQuery("<header>").addClass("title").text(n);jQuery("> .header",t).append(i)}}),this._addListeners(),this._jumpToInitial()}},{key:"_addListeners",value:function(){var n=this,i=this.menu,s=this.settings;jQuery("a",i).on("click",function(e){if(n._clicked+s.speed>Date.now())return!1;n._clicked=Date.now();
■このような形にしたいです。
html
1<li class="header"> 2<a href="#" class="back"> 3<header class="title">商品を探す(サブタイトル)</header> 4</a> 5</li>
どうぞよろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー