无法使用jQuery从tag获取值

Question

我一直试图在我的表单中获取标签的值，但我无法。这是jquery http://aehlke.github.io/tag-it/。

的index.php

<form>
    <p> Normally this input field will be hidden &mdash; we leave it visible here so you can see how it is manipulated by the widget:
        <input name="tags" id="mySingleField" value="Apple, Orange" disabled="true">
    </p>
    <ul id="singleFieldTags"></ul>
    <input type="submit" value="Submit">
</form>
<?php echo $_POST["tags"]; ?>

的Javascript

 $(function(){
 var sampleTags = ['c++', 'java', 'php', 'coldfusion', 'javascript', 'asp', 'ruby', 'python', 'c', 'scala', 'groovy', 'haskell', 'perl', 'erlang', 'apl', 'cobol', 'go', 'lua'];

//-------------------------------
// Minimal
//-------------------------------
$('#myTags').tagit();

//-------------------------------
// Single field
//-------------------------------
$('#singleFieldTags').tagit({
    availableTags: sampleTags,
    // This will make Tag-it submit a single form value, as a comma-delimited field.
    singleField: true,
    singleFieldNode: $('#mySingleField')
});

// singleFieldTags2 is an INPUT element, rather than a UL as in the other 
// examples, so it automatically defaults to singleField.
$('#singleFieldTags2').tagit({
    availableTags: sampleTags
});

//-------------------------------
// Preloading data in markup
//-------------------------------
$('#myULTags').tagit({
    availableTags: sampleTags, // this param is of course optional. it's for autocomplete.
    // configure the name of the input field (will be submitted with form), default: item[tags]
    itemName: 'item',
    fieldName: 'tags'
});

//-------------------------------
// Tag events
//-------------------------------
var eventTags = $('#eventTags');

var addEvent = function(text) {
    $('#events_container').append(text + '<br>');
};

eventTags.tagit({
    availableTags: sampleTags,
    beforeTagAdded: function(evt, ui) {
        if (!ui.duringInitialization) {
            addEvent('beforeTagAdded: ' + eventTags.tagit('tagLabel', ui.tag));
        }
    },
    afterTagAdded: function(evt, ui) {
        if (!ui.duringInitialization) {
            addEvent('afterTagAdded: ' + eventTags.tagit('tagLabel', ui.tag));
        }
    },
    beforeTagRemoved: function(evt, ui) {
        addEvent('beforeTagRemoved: ' + eventTags.tagit('tagLabel', ui.tag));
    },
    afterTagRemoved: function(evt, ui) {
        addEvent('afterTagRemoved: ' + eventTags.tagit('tagLabel', ui.tag));
    },
    onTagClicked: function(evt, ui) {
        addEvent('onTagClicked: ' + eventTags.tagit('tagLabel', ui.tag));
    },
    onTagExists: function(evt, ui) {
        addEvent('onTagExists: ' + eventTags.tagit('tagLabel', ui.existingTag));
    }
});

//-------------------------------
// Read-only
//-------------------------------
$('#readOnlyTags').tagit({
    readOnly: true
});

//-------------------------------
// Tag-it methods
//-------------------------------
$('#methodTags').tagit({
    availableTags: sampleTags
});

//-------------------------------
// Allow spaces without quotes.
//-------------------------------
$('#allowSpacesTags').tagit({
    availableTags: sampleTags,
    allowSpaces: true
});

//-------------------------------
// Remove confirmation
//-------------------------------
$('#removeConfirmationTags').tagit({
    availableTags: sampleTags,
    removeConfirmation: true
});

 });