我在页面上有许多自定义推文按钮,我使用循环执行的这一行动态生成:
echo "<li><a href=\"https://twitter.com/share?text=Check%20out%20{$items[$i]['name']}%20at%20completeset.us/item/{$items[$i]['item_id']}&url=&via=cmpltst\" class=\"twitter\">T</a></li>";
Run Code Online (Sandbox Code Playgroud)
这样可以很好地工作,但是,它在同一个选项卡中执行,并导航我远离调用它的页面.我想在一个新窗口中打开共享对话框,但我的Javascript背景仅限于表单验证和一些Jquery Ajax调用,所以我不知道如何去做.我怎么能在新窗口中弹出对话框?
我Uncaught TypeError: Object [object Object] has no method 'datepicker'在这里的javascript中收到错误:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script type='text/javascript'>
$(function() {
$("#birthday").datepicker({changeMonth: true});
});
</script>
Run Code Online (Sandbox Code Playgroud)
这是我正在尝试将其添加到的生日项目:
<!--// BIRTHDAY //-->
<li class="field">
<label for="birthday">Birthday</label>
<div class="field"><input type="text" id="birthday" name="birthday" value="" class="" /></div>
</li>
Run Code Online (Sandbox Code Playgroud)
正如你所看到的,我正在将jquery ui的源代码包含在我正在尝试使用datepicker的地方.我从http://jqueryui.com/docs/Downloading_jQuery_UI获取了URL,所以我很确定它是一个有效的URL.我也尝试上传文件并链接到本地副本,我仍然遇到同样的错误.我还能尝试什么?
编辑:
我确实使用这个加载了jquery库:<script type="text/javascript" src="/includes/js/jquery-1.7.2.min.js"></script>并使用以下脚本验证:
if (jQuery) {
alert("jQuery library is loaded!");
}
Run Code Online (Sandbox Code Playgroud) 是否可以使用jQuery或下划线对javascript for循环的连续迭代应用延迟?我在我的页面上有一个for循环用于在用户满足某些条件时弹出咆哮通知,如果有多个条件我想错开咆哮通知而不是同时弹出几个.这是有问题的循环:
var badge_arr = response.split("Earned badge:");
//Start at 1 so I'm not getting everything before the first badge
for(i = 1; i < badge_arr.length; i++){
responseStr += badge_arr[i];
//Create growl notification
//badge info echoed back will be of the form
//Earned badge: name: description: imgSource
var badge_info = badge_arr[i].split(':');
var title = 'NEW BADGE UNLOCKED';
var text = 'You just unlocked the badge '+badge_info[0]+': '+badge_info[1];
var img = badge_info[2];
createGrowl(title, text, img);
}
Run Code Online (Sandbox Code Playgroud) 我尝试在文本字段上使用 jquery 自动完成功能,以允许用户选择多个标签,如本例所示,但出现错误Uncaught TypeError: Cannot read property 'autocomplete' of undefined。这是导致问题的代码,大部分是从链接复制的。
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script type="text/javascript">
var tags = [<?php
foreach($this->tags as $tag){
echo "\"{$tag['name']}\",";
}
?>""];
$( "textarea:[name='tags']" ).autocomplete({
minLength: 0,
source: function( request, response ) {
// delegate back to autocomplete, but extract the last term
alert($.ui);
$.noConflict();
alert($.ui);
response( $.ui.autocomplete.filter(
tags, extractLast( request.term ) ) );
},
focus: function() {
// prevent value inserted on focus
return false;
},
select: function( …Run Code Online (Sandbox Code Playgroud) javascript jquery jquery-ui autocomplete jquery-autocomplete
当用户点击页面上的图像或链接时,我有一个页面应该弹出一个模态(叠加).首次加载页面时,模态为空白并隐藏此html:
<!--// MODAL: ITEM PROFILE //-->
<div id="profile" class="modal" style="visibility: hidden">
</div>
<!--// OVERLAY //-->
<div id="overlay" style="visibility: hidden"></div>
Run Code Online (Sandbox Code Playgroud)
当用户单击图像或链接时,应该使用此函数触发模态:
function itemModal(id){
var modal = $("#profile");
if (modal == null){
alert("Modal not found!");
}
if($(" #profile").style.visibility == "hidden"){
$.ajax
(
{ //Ajax call to get item data
type: "POST",
url: "/organizer/getItem",
data: { item_id: id },
dataType: "html",
success: function( responseText, textStatus, XHR )
{
// select the element with the ID profile and insert the HTML
$("#profile" ).html( responseText …Run Code Online (Sandbox Code Playgroud) jquery ×5
javascript ×4
jquery-ui ×2
autocomplete ×1
css ×1
datepicker ×1
delay ×1
for-loop ×1
html ×1
popup ×1
tweets ×1
twitter ×1