标签: jquery-ui

我试图让一些模态对话框显示包含表单,而不进入实际视图.

一切正常,直到我想为其中一个字段添加datepicker.

在我的观点/计划/ _form我有:

<%= simple_form_for [@customer, @plan], :remote => true do |f| %>
  <fieldset>
    <%= f.input :price  %>
    <%= f.input :guests %>
    <%= f.input :start_date, :as => :string, :input_html => { :class => 'date_picker' } %>
    <%= f.input :end_date, :as => :string, :input_html => { :class => 'date_picker' } %>
    <div class="form-actions">
      <%= f.button :submit %>
    </div>
  </fieldset>
<% end %>

我从另一个观点来看:

<%= link_to 'New Plan', new_customer_plan_path(session[:customer_id]), :class => 'btn btn-primary', :remote => true, :id => 'create_plan_link' %>

在我的application.js我有: …

我想借助jquery修改元素id

<img src="images/AOL_button.png" id='http://openid.aol.com/***username***' class="indirect" />
<img src="images/google_button.png" id='https://www.***username***.google.com/accounts/o8/id' class="direct"/> 

所以使用jquery我想根据条件将"username"的值更改为其他内容

$(.direct).click(function(){
   var username=userA;
   // replace username from id here
})

$(.direct).click(function(){
   var username=userB;
   // replace username from id here
})

我想我在这里缺少一些简单的东西.最初手风琴看起来很好.我有一个替换和手风琴的Ajax调用,但在它被替换后,它看起来不像手风琴.问题在下面提炼.

小提琴:http://jsfiddle.net/tzerb/5nJH7/

HTML:

<div id="theAcc">
    <h3><a href="#">1</a></h3>
    <div>One</div>
    <h3><a href="#">2</a></h3>
    <div>Two</div>
    <h3><a href="#">3</a></h3>
    <div>Three</div>    
</div>

?<button id="btnReplace">Replace</button>??????????????????

使用Javascript:

$(function() {
    $( "#theAcc" ).accordion();
});

?$("#btnReplace").click(function() {
    $("#theAcc").html("<h3><a href='#'>A</a></h3><div>AAAA</div><h3><a href='#'>B</a></h3><div>BBBB</div><h3><a href='#'>C</a></h3><div>CCCC</div>");
});????????????

任何反馈都表示赞赏.

TIA.

我正在使用SlickGrid开发一个Web应用程序.

我们的应用程序在不同的选项卡/页面中有许多网格,因此我想知道我是否可以重构一些代码,以便我不会一遍又一遍地为单独的网格编写相同的函数.

示例:我需要一个自定义格式化程序,因为我们有多个树网格(实现树结构的格式化程序对于每个网格都是相同的.):function PercentCompleteFormatter(row,cell,value,columnDef,dataContext)

鉴于我不能将网格或数据视图作为争论传递(假设上面的签名必须用于所有自定义格式化程序.),我基本上必须在每个代码块中都有相同的格式化程序代码,我在创建网格.

有没有办法可以创建一个"通用"格式化程序并将其应用于所有网格？

同样的问题适用于排序,过滤等等......但我希望上面的解释涵盖了我想要问的内容.

谢谢!

我有jQuery mobile的问题:

我有一个登录按钮,点击时会弹出登录表单,但是当页面加载时,弹出div不会被隐藏...

我尝试了大约一百种不同的方法让它隐藏(通过添加一些jQuery移动属性),但没有任何方法可行.

代码:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>


<a href="#popupLogin" data-rel="popup" data-role="button" data-transition="pop" data-inline="true">Sign in</a>

<div data-role="popup" id="popupLogin" data-theme="a" data-overlay-theme="b" >
    <h3>Please sign in</h3>
    <label for="un">Username:</label>
    <input id="un" type="text" data-theme="a" placeholder="username" value="" name="user" />
    <label for="pw">Password:</label>
    <input id="pw" type="password" data-theme="a" placeholder="password" value="" name="pw">
    <div data-theme="b" aria-disabled="false">
</div> 

有人知道我做错了什么吗？谢谢

我有一个ul,有点像这样:

<ul id="sortable">
   <li data-name="name1">
   <li data-name="name2">
   <li data-name="name3">
</ul>

我正在使用jQuery sortable,我需要知道,当有一个排序更改时,lis的顺序是什么.我在用:

$("#sortable").sortable({ 
        axis: 'y',
        stop: function(evt, ui){
            console.log($("#sortable").sortable('toArray'));
        }
    });

"toArray"的问题在于它只依赖于项目的唯一ID,并且由于原因我不能在那些lis上使用该属性.

有没有办法制作toArray,返回一个数据属性数据名而不是id的数组？

谢谢

我的网页上发生了一些奇怪的事情.

我想在单击按钮时添加确认jquery对话框.问题是....我在我的页面上多次使用该按钮,每个按钮都有"id"并由php创建(因此页面上可以有2,3,4,5个按钮).

按钮看起来像这样:

            <a href="#" id="confirm" onclick="addlist(<?php echo $v['id'];?>);return false;"><img src="img/item_add.png" alt="add" width="100" height="46" /></a>

这是我的jquery

  $(document).ready( function(){

$('#dialog').dialog({
    autoOpen: false,
    width: 600,
    buttons: {
        "Ok": function() {
            $(this).dialog("close");
        },
    }
});

$('#confirm').click(function() {
    $('#dialog').dialog('open');
    return false;
    });
});?

问题是,我的jquery代码工作得很好,但只适用于第一个按钮,第二个,第三个......等等

你有我的例子:http: //jsfiddle.net/S4vSU/1/

我希望该对话框适用于每个按钮.问题出在哪儿 ？

先感谢您 !

可能重复:
jquery移动弹出窗口无法正常工作？

我正在尝试使用此代码创建一个简单的jquery移动弹出窗口

<a href="#popupBasic" data-rel="popup">popup</a>
    <div data-role="popup" id="popupBasic">
        <p>This is a completely basic popup, no options set.</p>
    </div>

我用过的这些脚本

<script src="../jquery/jquery.mobile-1.1.0/jquery.js" type="text/javascript"></script>
<link href="jquery/jquery.mobile-1.1.0/css/jquery.mobile-1.1.0.css" rel="stylesheet" type="text/css" />
<script src="../jquery/jquery.mobile-1.1.0/jquery.mobile-1.1.0.js" type="text/javascript"></script>

为什么我的弹出窗口不起作用？任何人都可以帮助我吗？

使用自定义引导程序插件进行预先输入功能 https://gist.github.com/1891669

如何附加'select'事件的回调？以下代码不起作用.

var selectedFn = $('.typeahead dropdown-menu').on('select', function( ev ){
    console.log(ev);
});

谁能解释一下这是如何工作的？

我使用以下命令找到所选的jquery选项卡ui元素:

$("li.ui-tabs-selected").attr("id")

这可能会返回如下内容:

tab_48

在tab_48html标签中,我有一个锚标签,所以也许吧

<a href="#ui-tabs-4">some content here</a>

总而言之,HTML可能看起来像这样:

<li id="tab_48">
    <a href="#ui-tabs-4">
        some content here
    </a>
</li>

我如何获得锚标记的href,现在我可以通过以下方式获取所选标签的ID:

$("li.ui-tabs-selected").attr("id")