我正在构建一个交互式地图。单击某个svg路径/组后,我想打开一个包含信息的模式/弹出窗口。该信息将由Wordpress帖子填充。
不幸的是,一旦我打开了模态窗口,就不再包含js了。我不想刷新页面,我只想在点击模式触发器时调用js。
SVG路径触发器:
file:baz foo
PHP文件中包含JS
<path id="modal-trigger" class="st4 lot-144 modal-trigger" onclick="term_ajax_get(<?php $lotTitle = get_page_by_title('Lot 1', '', 'lot' ); echo $lotTitle->ID; ?>);" d="M264.819 444.995l-3.505 29.135-39.031-4.942 3.833-29.093z"/>
用于模式的JS:
function term_ajax_get(post_slug) {
var ajaxurl = '<?php echo admin_url( 'admin-ajax.php' );?>';
jQuery.ajax({
type: 'POST',
url: ajaxurl,
data: {"action": "load-lot", slug: post_slug },
success: function(response) {
console.log(response);
jQuery(".lot-details").html('');
jQuery(".lot-details").html(response);
}
});
}
请让我知道您是否想要添加其他内容,以使其更易于理解。