我的Web应用程序中有几行jQuery.此代码目前是内联的,因为它接受了几个PHP变量.
<script type="text/javascript">
$(document).ready(function(){
$('.post<?php echo $post->id; ?>').click(function() {
$.ajax({
type: 'POST',
url: 'http://domain.com/ajax/add_love',
data: {
post_id: <?php echo $post->id; ?>,
user_id: <?php echo $active_user->id; ?>,
<?php echo $token; ?>: '<?php echo $hash; ?>'
},
dataType: 'json',
success: function(response) {
$('.post<?php echo $post->id; ?>').html(response.total_loves).toggleClass('loved');
}
});
return false;
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
我是最佳实践的忠实粉丝,所以我想将我的jQuery移动到外部JS文件中.
我怎么能实现这样的壮举?
有小费吗?我还是jQuery和PHP的新手.
谢谢!
:)
我正在CodeIgniter中构建一个Web应用程序,我决定使用jQuery和Javascript - 这是我之前从未真正使用过的东西.
我使用Google Libraries在我的标题中包含了jQuery:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Run Code Online (Sandbox Code Playgroud)
而现在我正在摆弄jQuery的SIMPLEST,但它无法正常工作.
<p><a href="#" id="lovecounter"><?php if ($post->love) { echo $post->love; } else { echo 0; } ?></a></p>
<script type="text/javascript">
$("#lovecounter").click(function() {
alert("Click");
});
</script>
Run Code Online (Sandbox Code Playgroud)
我点击了lovecounter链接,但没有提醒.如果我将简单的javascript添加到实际的锚标签,它可以工作.
<p><a href="#" id="lovecounter" onclick="alert('test')"><?php if ($post->love) { echo $post->love; } else { echo 0; } ?></a></p>
Run Code Online (Sandbox Code Playgroud)
有任何想法吗?我究竟做错了什么?