Javascript Jquery ui“可编辑”不工作

我正在使用

window.open（）

单击按钮生成一个弹出窗口

$.get(url).success(function(req) {
    var win=window.open('popup.html', '', 'width=700, height=500, top=0, left(screen.width-700)');
    win.document.write(req);

我在弹出窗口中有一个可编辑字段，但它不工作。我在尝试这样的事情

    $.fn.editable.defaults.mode = 'popup';
    for (var i=0; i<14; i++)
    {
        fieldname = "#sentiment_editable" + i
        $(fieldname).editable({
        inputclass: 'input-large',
        source:[
            {value:'positive', text: 'positive'},
            {value:'neutral', text: 'neutral'},
            {value:'negative', text: 'negative'}
        ]
        });
    }
    win.document.close();
});

<script type="text/javascript" src="/js/jqueryui-editable.js"></script>
<link rel="stylesheet" type="text/css" href="/css/jqueryui-editable.css" />
<div id="chatterpage" class="contentArea">
<div id="allsocial" >
<div id="all_container">
<div id="eachchatter1" class="socialcontentdiv" onmouseover="document.getElementById('chatterbuttons1').style.display='block'" onmouseout="document.getElementById('chatterbuttons1').style.display='none'">
<table border=0 width=100%>
<tr>
<td width=60%>
<span class="socialcontent1bold">Mood: </span>
<span class="socialcontent1">
<a data-original-title="Select sentiment" data-pk="1" data-url="/Handler"  data-params='{chatterid: "5625665ba40e3cbef58de56a758d373d"}' data-type="select" data-value="neutral" id="sentiment_editable1" style="cursor:pointer" >neutral</a>
</span></td></tr>
<tr>              
<td width=60%>
<span class="socialcontent1bold">Mood: </span>
<span class="socialcontent1">
<a data-original-title="Select sentiment" data-pk="1" data-url="/Handler"  data-params='{chatterid: "fff3878b2d0e6849e9ee8408e7999892"}' data-type="select" data-value="neutral" id="sentiment_editable2" style="cursor:pointer" >neutral</a>
</span></td></tr>
</table>
</div><br/>
</div>
</div>
</div>

$.fn.editable.defaults.mode='popup'；
对于（var i=0；i我之前的回答不正确，因此我将尝试另一种尝试，在popup.html中添加对jquery库的引用，并添加您尝试执行的脚本

<link rel="stylesheet" type="text/css" href="/css/jqueryui-editable.css" />
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/jqueryui-editable.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $.fn.editable.defaults.mode = 'popup';
    for (var i=0; i<14; i++)
    {
        fieldname = "#sentiment_editable" + i
        $(fieldname).editable({
            inputclass: 'input-large',
            source:[
               {value:'positive', text: 'positive'},
               {value:'neutral', text: 'neutral'},
               {value:'negative', text: 'negative'}
            ]
        });
     }
  });
</script>
<div id="chatterpage" class="contentArea">
<div id="allsocial" >
<div id="all_container">
<div id="eachchatter1" class="socialcontentdiv" onmouseover="document.getElementById('chatterbuttons1').style.display='block'" onmouseout="document.getElementById('chatterbuttons1').style.display='none'">
<table border=0 width=100%>
<tr>
<td width=60%>
<span class="socialcontent1bold">Mood: </span>
<span class="socialcontent1">
<a data-original-title="Select sentiment" data-pk="1" data-url="/Handler"  data-params='{chatterid: "5625665ba40e3cbef58de56a758d373d"}' data-type="select" data-value="neutral" id="sentiment_editable1" style="cursor:pointer" >neutral</a>
</span></td></tr>
<tr>              
<td width=60%>
<span class="socialcontent1bold">Mood: </span>
<span class="socialcontent1">
<a data-original-title="Select sentiment" data-pk="1" data-url="/Handler"  data-params='{chatterid: "fff3878b2d0e6849e9ee8408e7999892"}' data-type="select" data-value="neutral" id="sentiment_editable2" style="cursor:pointer" >neutral</a>
</span></td></tr>
</table>
</div><br/>
</div>
</div>
</div>


$（文档）.ready（函数（）{
$.fn.editable.defaults.mode='popup'；
对于（var i=0；i根据您的代码，您似乎希望所有十四个字段都可以一次编辑。如果您希望一次转换所有十四个字段，这是不可能的，因为JqueryUI Editable需要在所有十四个元素上实现相同的类，并且所有这些字段都必须在从m Ajax Call
如果您可以包含响应的内容，可能会有所帮助。例如，函数（req）中的req值。好的，我将尝试添加它上面的代码不起作用，我已经添加了请求内容，只是为了检查您是否试图在弹出窗口中打开可编辑的弹出窗口。为什么要执行win.document.close（）我想这就是语法
<link rel="stylesheet" type="text/css" href="/css/jqueryui-editable.css" />
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/jqueryui-editable.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $.fn.editable.defaults.mode = 'popup';
    for (var i=0; i<14; i++)
    {
        fieldname = "#sentiment_editable" + i
        $(fieldname).editable({
            inputclass: 'input-large',
            source:[
               {value:'positive', text: 'positive'},
               {value:'neutral', text: 'neutral'},
               {value:'negative', text: 'negative'}
            ]
        });
     }
  });
</script>
<div id="chatterpage" class="contentArea">
<div id="allsocial" >
<div id="all_container">
<div id="eachchatter1" class="socialcontentdiv" onmouseover="document.getElementById('chatterbuttons1').style.display='block'" onmouseout="document.getElementById('chatterbuttons1').style.display='none'">
<table border=0 width=100%>
<tr>
<td width=60%>
<span class="socialcontent1bold">Mood: </span>
<span class="socialcontent1">
<a data-original-title="Select sentiment" data-pk="1" data-url="/Handler"  data-params='{chatterid: "5625665ba40e3cbef58de56a758d373d"}' data-type="select" data-value="neutral" id="sentiment_editable1" style="cursor:pointer" >neutral</a>
</span></td></tr>
<tr>              
<td width=60%>
<span class="socialcontent1bold">Mood: </span>
<span class="socialcontent1">
<a data-original-title="Select sentiment" data-pk="1" data-url="/Handler"  data-params='{chatterid: "fff3878b2d0e6849e9ee8408e7999892"}' data-type="select" data-value="neutral" id="sentiment_editable2" style="cursor:pointer" >neutral</a>
</span></td></tr>
</table>
</div><br/>
</div>
</div>
</div>