Я пытаюсь получить некоторые данные из базы данных на лету и поместить их в div
, в настоящее время мой файл javascript выглядит следующим образом:
<script type="text/javascript">
$(document).ready(function() {
//accordians for when the AJAX loads the content
// hides the main_menu as soon as the DOM is ready
// (a little sooner than page load)
$('#main_menu').hide();
// shows the slickbox on clicking the noted link
$('h3#show-menu a').click(function() {
$('#main_menu').toggle('slow');
return false;
});
//try and hide the left content when it is null
$("#left-content:empty").hide();
//style up the scroll bar
$('#left-content').jScrollPane();
//do some AJAX to call the method instead of the browser
$("a.navlink").click(function (ev) {
$(this).toggleClass("active");
ev.preventDefault();
var id = $(this).attr("id")
if ($(this).hasClass("active")) {
$("."+id).remove();
} else {
//$(this).toggleClass("active");
var url = $(this).attr("href");
alert(url);
$.ajax ({
url: url,
type: "POST",
success : function (html) {
$('#accordion').accordion('destroy');
$("#accordion").append(html).accordion({active:false, header:'h2', collapsible:true});
}
});
}
});
/*
* THIS IS CODE IN QUESTION
*/
$("a.contentlink").mouseover(function(){
var url = $(this).attr("href");
$.ajax ({
url: url,
type: "POST",
success : function (html) {
$('#abstract').append(html)
}
});
});
});
</script>
Код, о котором идет речь, является последней функцией, которая использует a.contentlink
в качестве селектора, я хочу, чтобы пользователь ввел элемент с помощью мыши и для этого активировал ajax и результаты, которые будут добавлены к Контейнер `#abstract ', метод вызывается в данный момент,
public function get_content($content_id) {
$data['hello'] = "hello";
$this->load->view('template/abstract', $data);
}
В данный момент я просто устанавливаю простую переменную при вызове функции, но ничего не получаю, может ли какое-нибудь тело помочь?