以下のコードは、住所を入力して送信ボタンを押すと、Googleマップと検索結果を表示します。送信ボタンを押したら、ページを完全に更新またはリロードするように試行しました。しかし、私はそれを正しく動作させることはできません。結果を「ページ内」に読み込みますが、ブラウザの戻るボタンを押したときなど、結果が読み込まれたときにページを完全に更新したいと思います。それが理にかなっていることを願っています。
答えはこのコード行にあると思いますが、jqueryはあまりよくわかりません。以下の完全なコードの下部にあります。
<script type="text/javascript">
(function($) {
$(document).ready(function() {
load();';
以下に完全なコードを示します。どんな助けも大歓迎です!
<?php
/*
SimpleMap Plugin
display-map.php: Displays the Google Map and search results
*/
$to_display = '';
if ($options['display_search'] == 'show') {
$to_display .= '
<div id="map_search" style="width: '.$options['map_width'].';">
<a name="map_top"></a>
<form onsubmit="searchLocations(\''.$categories.'\'); return false;" name="searchForm" id="searchForm" action="http://'.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'].'">
<input type="text" id="addressInput" name="addressInput" class="address" />
<select name="radiusSelect" id="radiusSelect">';
$default_radius = $options['default_radius'];
unset($selected_radius);
$selected_radius[$default_radius] = ' selected="selected"';
foreach ($search_radii as $value) {
$r = (int)$value;
$to_display .= '<option valu e="'.$value.'"'.$selected_radius[$r].'>'.$value.' '.$options['units']."</option>\n";
}
$to_display .= '
</select>
<input type="submit" value="'.__('Search', 'SimpleMap').'" id="addressSubmit" class="submit" />
<p>'.__('Please enter an address or search term in the box above.', 'SimpleMap').'</p>
</form>
</div>';
}
if ($options['powered_by'] == 'show') {
$to_display .= '<div id="powered_by_simplemap">'.sprintf(__('Powered by %s SimpleMap', 'SimpleMap'),'<a href="http://simplemap-plugin.com/" target="_blank">').'</a></div>';
}
$to_display .= '
<div id="map" style="width: '.$options['map_width'].'; height: '.$options['map_height'].';"></div>
<div id="results" style="width: '.$options['map_width'].';"></div>
<script type="text/javascript">
(function($) {
$(document).ready(function() {
load();';
if ($options['autoload'] == 'some') {
$to_display .= 'var autoLatLng = new GLatLng(default_lat, default_lng);
searchLocationsNear(autoLatLng, autoLatLng.lat() + ", " + autoLatLng.lng(), "auto", "'.$options['lock_default_location'].'", "'.$categories.'");';
}
else if ($options['autoload'] == 'all') {
$to_display .= 'var autoLatLng = new GLatLng(default_lat, default_lng);
searchLocationsNear(autoLatLng, autoLatLng.lat() + ", " + autoLatLng.lng(), "auto_all", "'.$options['lock_default_location'].'", "'.$categories.'");';
}
$to_display .= '
});
})(jQuery);
</script>';
?>
これを行うためにjQueryは必要ありません。 JavaScriptの力を活用してください。
window.location.reload()
その行を次のように置き換えます。
$("#someElement").click(function() {
window.location.href = window.location.href;
});
または:
$("#someElement").click(function() {
window.location.reload();
});
またはより良い
window.location.assign("relative or absolute address");
すべてのブラウザとモバイルで最適に動作する傾向があります
と置換する:
$('#something').click(function() {
location.reload();
});
次のコードを適用することにより、新しいイベントを追加した後にイベントを更新できます。-イベントをリリースする-イベントソースを設定する-イベントを再レンダリングする
$('#calendar').fullCalendar('removeEvents');
$('#calendar').fullCalendar('addEventSource', YoureventSource);
$('#calendar').fullCalendar('rerenderEvents' );
それは問題を解決します