javascript - 需要在 jQuery 中获取元素的文本值

Question

我正在使用 jQuery 移动。我想做的是，当用户单击 <li> 时元素，它将他转移到链接页面，然后显示一个警报，其中包含他单击的列表元素的文本。不幸的是，我在这里的实现仅显示一个空的警报框

<script>
var course;

$('body').on('click','.hello',function(){
    course = $(this).text();

});

    function loadCourse(){

    alert(course);

    $.get(
        "getCourses.php?course="+course,
        function( data ){
            $('#list1').html( data )
            .listview( 'refresh' );
        }
        );      
    }

$(function(){
  $( ":mobile-pagecontainer" ).on( "pagecontainershow", function( event, ui ) {
    if(window.location.href.indexOf('#page1') !== -1){
      loadCourse();

    }
  });
});

</script>
<div data-role="page" id="abc">
    <ul data-role="listview" data-theme="a" data-split-theme="b" data-split-icon="plus" data-inset="true">
    <li class="hello"><a href="#page1">Hello World</a></li>
    <li class="hello"><a href="#page1">Bye Bye</a></li>
    </ul>
</div>
<div data-role="page" id="page1">
    <ul data-role="listview" data-theme="a" data-split-theme="b" data-split-icon="plus" data-inset="true" id="list1">
    </ul>   
</div>

Answer 1

您的警报框为空，因为变量 course 没有值!

为什么？

当您点击链接时，您的页面会重新加载。然后，类(class)变量为空，因为不会为下一个请求存储变量值。 HTTP 是无状态的!

该怎么办？ 您的页面不应重新加载。 尝试这样的事情:

$('li').click(function(e){
    alert($(this).html());
    return false;

});