入力フィールドに Cookie を設定するための Cookie 機能と、それを保存するためのボタンがあります。保存してページを更新すると、入力フィールドが再び空になります。
注: jquery ダイアログとスティッキー ナビゲーション バーがあります。おそらく、他のjqueryコードを何らかの形でオーバーライドします。
Cookieを設定するための私のjqueryコード:
//set cookie voor de postcode
$(function() {
$('#go').click(function(){
$.cookie('postcode', $('#postcode').val());
});
//retrieve the cookie on load if it's not undefined
if(typeof $.cookie('postcode') !== 'undefined'){
$('#postcode').val($.cookie('postcode'));
}
});
入力にCookieを設定する関数。
<div id="searchbox">
<div id="search">
<fieldset>
<legend><h2>Zoeken in uw regio:</h2></legend>
<form action="<?= base_url('home/zoekresultaten') ?>">
<p class="field"><label class="field" for="Naam">Geef een zoekterm op:</label><input type="search" value="" name="postocde" /></p>
<br />
<p class="field"><label class="field" for="Naam">Kies hier een categorie:</label><select>
<option value="0" disabled selected>Alle Categorieën... </option>
<option value="1">Categorie1</option>
<option value="2">Categorie2</option>
<option value="3">Categorie3</option>
</select>
</p>
//my code to set the cookie
<p class="field"><label class="field" for="Naam">Vul hier uw postcode in:</label><input type="text" id="go" value="" name="search"/></p>
// end of the ocde
<br />
<p class="field"><label class="field" for="naam">Kies een afstand:</label><select>
<option value="0" disabled selected>Afstand...</option>
<option value="1">5km</option>
<option value="2">10km</option>
<option value="3">15km</option>
<option value="4">20km</option>
<option value="5">25km</option>
</select>
</p>
<br />
<input type="submit" id="go" class="searchbutton" value="Zoek" />
</form>
</fieldset>
</div>
なぜ機能しないのかわかりません。ダイアログを非表示にするための Cookie は正常に機能しているため、cookie.js ファイルは適切に読み込まれています。
ありがとう。