ウェブサイトはこちら。
データベースから値を取得し、画像の 2 つのボックスのうち右側のボックスに表示しています。中間には、価格、キュー ジャンプ、取引 1、取引 2 の 4 つの値があります。私の問題は、すべてのオファーに 4 つすべてが含まれているわけではないということです。 . div をデータベース フィールド内に配置する以外に、これを回避するためにできることはありますか?
これが私のJavascriptです:
<script type="text/javascript">
$(document).ready(function() {
$.ajax({
type: "POST",
url: "http://cambridge.guestvibe.com/wp-content/themes/cambridge/eventinfo.php",
data: $('#club').serialize(),
success: function(data) {
$('#rightbox_inside').html('<h2><div class="tagnospacing">' + $('#club').val() + '</div></h2><p><div class="tagnospacing">' + data[0].day + '</div></p><hr><p><div class="tag">' + data[0].entry + '</div></p><p><div class="tag">' + data[0].queuejump + '</div></p><p><div class="tag">' + data[0].special + '</div></p><p><div class="tag">' + data[0].special2 + '</div></p><p><div class="tag">' + data[0].closing + '</div></p><hr><p><div id="caveat">All offers subject to availability</div></p>');
},
dataType: "json"
});
});
$('#club').change(function(event) {
$.ajax({
type: "POST",
url: "http://cambridge.guestvibe.com/wp-content/themes/cambridge/eventinfo.php",
data: $(this).serialize(),
success: function(data) {
$('#rightbox_inside').hide().html('<h2><div class="tagnospacing">' + $('#club').val() + '</div></h2><p><div class="tagnospacing">' + data[0].day + ', ' + data[0].doors + '</div></p><hr><p><div class="tag">' + data[0].entry + '</div></p><p><div class="tag">' + data[0].queuejump + '</div></p><p><div class="tag">' + data[0].special + '</div></p><p><div class="tag">' + data[0].special2 + '</div></p><p><div class="tag">' + data[0].closing + '</div><hr><p><div id="caveat">All offers subject to availability</div></p>').fadeIn('500');
},
dataType: "json"
});
});
</script>