Jquery $.pjax片段未加载_Jquery_Ajax_Pjax

Jquery $.pjax片段未加载

jquery ajax

Jquery $.pjax片段未加载,jquery,ajax,pjax,Jquery,Ajax,Pjax,我正在我的项目中使用jQuery pjax。我正在尝试将一个页面片段加载到页面的某个区域。到目前为止，我有以下代码：使用pjax加载的页面中的HTML <!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-wid

我正在我的项目中使用jQuery pjax。我正在尝试将一个页面片段加载到页面的某个区域。到目前为止，我有以下代码：

使用pjax加载的页面中的HTML

<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1" />
        <title>Builder1</title>

    <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet" type="text/css" />
    <link href="/css/builder.css" rel="stylesheet" type="text/css" />
  </head>
  <body>

    <!-- I want to pjax this fragment into my current page --> 
    <div id="root">
      <div id="start">
        <form id="createPage">
          <label>
            Enter a name for your page
            <input id="pageName" type="text" value="" placeholder="Page name" />
          </label>
        </form>
      </div>
    </div>
    <!-- I want to pjax this fragment into my current page -->

    <script data-main="js/main" src="js/plugins/require.js"></script>
    </body>
</html>

pjax调用在成功调用数据库后触发

我要做的是在我的目标页面的

#root

div中使用ajax，并插入到我当前页面的

#root

div中。实际上，我正在加载整个页面，尽管我已经指定了一个容器和片段

有人能帮我指出正确的方向吗

    $( document ).on( 'submit', '#createPage', function( event ) {
        event.preventDefault();

        // Some vars and other DB stuff here (removed for brevity)

        // Insert name into collection 'projects'
        pageCollection.insert({
            project: activeProject,
            name: pageTitle,
            active: true
        }, function( result ) {
            if( result.inserted.length ) {
                $.pjax({
                    url: 'page-builder.html',
                    container: '#root',
                    fragment: '#root'
                });
            } else {
                console.log('Error on page insertion');
            }
        });

        // Save Projects Database
        pageCollection.save();
    });