こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

回答受付中の質問

jQueryに対する素朴な疑問

jQueryに対する質問ですが、動作しないというような質問ではなく、一般的な質問です。

現在スライダーのjQueryプラグインを使ってます。画像の遷移とともに画像のタイトル文字も同時に遷移していくタイプです。そこでタイトル文字の代わりにロゴ画像を入れてみようと思いました。結果として、思った通りの動きにはなったのですが、少し疑問に思ったことがあります。

本体のコードの中の<h3>%title%</h3>に実行するためのコードで入れたタイトル文字がhtmlに吐き出される仕組みのプラグインなのですが、<h3>%title%</h3>の部分を<img src=%title%>に変更し、さらに実行するためのコードにおいて画像のパスを入れると、htmlにはダブルクォーテーション付きで<img src="~/hoge.png">と吐き出されました。

タイトル文字を入れたときには当然ながらダブルクォーテーションはhtmlに吐き出されないのですが、urlを入れる形に変更すると特にダブルクォーテーションをどこかで付与させた記憶がないにもかかわらず、ダブルクォーテーション付きで吐き出されます。

このダブルクォーテーションは自動で吐き出されているのでしょうか、それとも本体のコードに付与するようなものが入っているのでしょうか?

ちなみに当方、JavaScriptやjQueryについては全くわかりませんので素朴な疑問です。



参考ページは以下のページです
https://liginc.co.jp/designer/archives/7149



-----------------------------------------------------------------------------------------------------------
本体コードの一部分が以下です
元々は<h3>%title%</h3>だった部分を
<img src=%title%>に変更しました
----------------------------------------------------------------------------------------------------------- mkhtml: function( src )
{
var html = "" ,
li = "<li> <span></span> <div> <img src=%title%> </div> </li>";
for( var i=0,length=src.length; i<length; i++ )
{
var title = src[i].title ? src[i].title : "";
html+=li.replace("%title%",title);
}
return html;
},


-----------------------------------------------------------------------------------------------------------
実行するためのコードが以下です
元々は、title:"タイトル名" だった部分を
title:"images/hoge.png" に変更しました
------------------------------------------------------------------------------------------------------------$.sublime_slideshow({
src:[
{url:"images/hoge.jpg",title:"images/hoge.png"},
{url:"images/hoge.jpg",title:"images/hoge.png"},
{url:"images/hoge.jpg",title:"images/hoge.png"}
]
});

投稿日時 - 2018-07-11 14:48:05

QNo.9517274

困ってます

回答(0)

この質問にはまだ回答がついていません。
あなたが最初に回答してみませんか?

あなたにオススメの質問